معرفی تگ های
و
از آنجایی که HTML کاراکتر خط جدید را در متن تشخیص نمی دهد، راهی وجود دارد به مرورگر بگویید که در صورت نیاز یک خط جدید در صفحه وب شروع کند. تک طرفه عنصر br یک خط جدید در خروجی ایجاد می کند:
<p>
This is one line.
<br>
This is a second line.
</p>
اکنون خروجی در صفحه وب به صورت زیر ظاهر می شود:
This is one line.
This is a second line.
یکی دیگر از عناصر break مفید، عنصر hr است. این یک خط افقی در عرض بخش صفحه وب نمایش می دهد.
<h1>Section 1</h1>
<p>This is the content of section 1.</p>
<hr>
<h1>Section 2</h2>
<p>This is the content of section 2.</p>
خط افقی کل عرض بلوک صفحه وب را که حاوی آن است میپوشاند. همانطور که در شکل 1-4 نشان داده شده است.
گاهی اوقات این کمی ناخوشایند است، اما می توانید عرض افقی را کنترل کنید با محصور کردن آن در یک بخش و اضافه کردن مقداری استایل CSS، کمی خط بکشید.
علامت گذاری متن شما
نقطه مقابل عناصر سطح بلوک، عناصر سطح متن هستند. عناصر سطح متن به شما این امکان را می دهد که سبک ها را در قسمتی از محتوا در یک بلوک اعمال کنید.
این بخش عناصر سطح متن را به شما نشان می دهد که می توانید در محتوای صفحه وب خود اعمال کنید.
قالب بندی متن
عناصر سطح متن فرمت های از پیش تعریف شده را بدون نیاز به استایل CSS روی متن اعمال می کنند. محبوب ترین عناصر در سطح متن، عناصر b و i هستند. که به ترتیب از سبک های پررنگ و ایتالیک استفاده می کنند:
<p>I <i>wanted</i> the <b>large</b> drink size.</p>
عناصر سطح متن را درون خطی نیز می نامند، زیرا در یک خط ظاهر می شوند به عنوان محتوا می توانید عناصر سطح متن را برای اعمال بیش از یک عنصر در یک متن جاسازی کنید:
<p>I wanted the <b><i>large</i></b> drink size.</p>
هنگام اعمال دو یا چند عنصر در سطح متن روی متن، مطمئن شوید که آن را ببندید .تگ ها به ترتیب مخالفی که آنها را باز می کنید.
HTML5 از بسیاری از عناصر مختلف در سطح متن برای استفاده مستقیم از سبک های مختلف متن پشتیبانی می کند.
بدون کمک CSS جدول 1-2 عناصر سطح متن موجود در HTML5 را فهرست می کند.
Description | Element |
متن را به صورت مخفف نمایش می دهد | Abbr |
متن را به صورت پررنگ نمایش می دهد | B |
متن را به صورت نقل قول نمایش می دهد (اغلب به صورت مورب نمایش داده می شود) | Cite |
متن را به عنوان کد برنامه نمایش می دهد (اغلب با فونت با عرض ثابت نمایش داده می شود) | Code |
متن را به صورت حذف شده نمایش می دهد (اغلب با فونت خط خطی نمایش داده می شود) | Del |
متن را به عنوان یک اصطلاح تعریف نمایش می دهد (اغلب به صورت مورب نمایش داده می شود) | Dfn |
متن را به صورت تاکید شده نمایش می دهد (اغلب به صورت مورب نمایش داده می شود) | Em |
متن را به صورت مورب نمایش می دهد | I |
متن را به صورت تایپ شده از صفحه کلید (اغلب به صورت فونت با عرض ثابت) نمایش می دهد. | Kbd |
متن را به صورت علامت گذاری شده نمایش می دهد (اغلب با استفاده از برجسته سازی) | Mark |
متن را به صورت نقل قول نشان می دهد (اغلب با استفاده از نقل قول) | Q |
متن را به عنوان کد برنامه نمونه نمایش می دهد (اغلب با یک فونت ثابت نمایش داده می شود) | Samp |
متن را با فونت کوچکتر از حالت عادی نمایش می دهد | Small |
متن را به صورت برجسته نمایش می دهد (اغلب با استفاده از پررنگ) | Strong |
متن را به عنوان اشتراک نشان می دهد | Sub |
متن را به صورت رونوشت نمایش می دهد | Sup |
متن را به عنوان تاریخ و مقدار زمانی نمایش می دهد | Time |
متن را به عنوان یک متغیر برنامه نمایش می دهد (اغلب با استفاده از ایتالیک) | Var |
متن را به صورت درج شده نمایش می دهد (اغلب با فونت زیر خط نشان داده می شود) | ins |
قوانین ارسال دیدگاه در سایت