این آموزش در تاریخ ۱۴۰۲/۰۶/۱۸ آپدیت شده است.
آموزش کار با پاراگراف ها یا Paragraphs در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با پاراگراف ها یا Paragraphs در HTML با من همراه باشید.
Free-Learn
پاراگراف ها یا Paragraphs در HTML
حرف P از کلمه پاراگراف ( Paragraph ) گرفته شده و کاملا از اسمش مشخصه که چیه! یعنی یک متن / پاراگراف به همین سادگی.
ما اگه بخوایم یه متن رو بزاریم داخل صفحه وبمون خب خیلی راحت حتی بدون استفاده از تگ خاصی میتونیم اینکارو انجام بدیم.
برای مثال یه متن گذاشتیم داخل تگ Body :
|
1 2 3 4 5 |
<body> این یک متن هست بدون هیچ تگ خاصی و بدون مشکل در خروجی نشونش میده </body> |
ولی این اصلا بهینه و منطقی نیست، و از دید مرورگرها و موتورهای جستجوگر اینکار کار کثیفی هست، چرا که در زبان HTML برای هرکاری و هرچیزی تگ مخصوص وجود داره، پس برای بحث بهینه بودن ما باید همیشه سعی کنیم از تگ های مناسب در مکان مناسب استفاده کنیم.
در زبان HTML میگه آقا اگه خواستی عکس بزاری تو صفحه، خب از تگ img استفاده کن، خواستی جدول بزاری از تگ table استفاده کن و همینطور تا بره، پس داره میگه که هرتگی برای کاری درست شده.
برای متن گذاشتن هم همینطور ، داره میگه از تگ P استفاده کنید، تگ P یعنی پاراگراف ینی پاراگرافی از یک متن به همین سادگی، پس ما میتونیم برای قرار دادن متن ها از تگ <p> استفاده نماییم.
شکل کلی برای استفاده از تگ پاراگراف در HTML بصورت زیر می باشد :
|
1 |
<p>In Yek Paragraph Ast</p> |
به راحتی در ابتدا تگ شروع را با استفاده از <p> ایجاد مینماییم، سپس محتوای مورد نظر را وارد مینماییم و در نهایت با استفاده از <p/> تگ پایانی را بسته و پاراگراف ایجاد خواهد شد.
مثال :
|
1 2 3 4 5 6 7 8 |
<body> <p> سلام خوبی؟ من صادق هستم، اسم شما چیه؟ این یک پاراگراف هست سلام خوبی؟ من صادق هستم، اسم شما چیه؟ این یک پاراگراف هست سلام خوبی؟ من صادق هستم، اسم شما چیه؟ این یک پاراگراف هست سلام خوبی؟ من صادق هستم، اسم شما چیه؟ این یک پاراگراف هست </p> </body> |
Free-Learn
هرگز تگ پایانی را فراموش نکنید
همانطور که در بخش های قبلی یعنی بخش کار با عناصر در HTML هم اشاره کردم، اگر ما تگ پایانی یک عنصر را نبندیم بازم مرورگر به ما خروجی صحیح را نشون میده ولی هیچوقت به این قضیه اعتماد نکنید و همیشه حتما در اولویت اول تگ پایانی یک عنصر را ببنید.
|
1 2 3 4 5 |
<body> <p>Salam Khobi? </body> |
مثال شماره ۲ : چون تگ پایانی عنصر h3 را نبستیم پس هرچی بعد از اون بیاید در خودش و به شکل خودش نمایش میدهد.
|
1 2 3 4 5 6 |
<body> <h3>سایت آموزشی فری لرن <p> سایت آموزشی فری لرن </p> </body> |
مثال شماره ۳ : شکستن سطر و رفتن به سطر بعدی با استفاده از تگ br
|
1 2 3 4 5 6 7 8 9 |
<body> <p> سایت <br> آموزشی <br> فری لرن </p> </body> |
