آموزش Html؛ آموزش کار با قالب بندی متن در Html
در این مطلب در جلسه چهارم با آموزش Html؛ آموزش کار با قالب بندی متن در Html در خدمت شما هستیم. لطفا با ما همراه باشید…
آموزش قالب بندی متن در Html
چند مورد ساده را در زیر مشاهده می نمایید
<!DOCTYPE html> <html> <body> <p><b>This text is bold</b></p> <p><i>This text is italic</i></p> <p>This is<sub> subscript</sub> and <sup>superscript</sup></p> </body> </html>
خروجی به شکل زیر هست
This text is bold
This text is italic
This is subscript and superscript
در مطلب آموزشی قبل در مورد خصوصیت پاراگراف و استایل در HTML توضیح کامل دادیم. زبان HTML همچنین عناصر خاصی برای تعریف متن با معنای مشخص دارد. این زبان از عناصری مانند <b> و <i> برای قالب بندی خروجی مانند متن bold (برجسته) یا ایتالیک استفاده می‌کند. عناصر قالب بندی برای نمایش انواع خاصی از متن طراحی شده‌اند. در ادامه چند نوع از آن‌ها را مشاهده می‌کنید:
-
<b>: برجسته کردن متن
-
<strong>: متن مهم
-
<i>: متن ایتالیک
-
<em>: تاکید بر متن
-
<mark>: متن علامت گذاری شده
-
<small>: متن کوچک
-
<del>: متن پاک شده
-
<ins>: متن وارد شده
-
<sub>: متن زیر
-
<sup>: متن رو
عنصر <b> و عنصر <strong> در HTML
عنصر <b> متن را بدون هیچ‌گونه اهمیت یا تاکید بیشتر، پررنگ و برجسته می‌کند
<b>This text is bold</b>پیش نمایش
عنصر <strong> به متن قدرت داده و اهمیت معنایی به آن می‌بخشد
<strong>This text is strong</strong>پیش نمایش
عناصر <i> و <em> در HTML
عنصر <i> در HTML متن را بدون اختصاص هرگونه اهمیت بیشتر به حالت ایتالیک تبدیل می‌کند:
<i>This text is italic</i>پیش نمایش
عنصر <em> در HTML بدون اختصاص اهمیت معنایی، متن را به صورت تاکیدی تبدیل می‌کند
<em>This text is emphasized</em>
پیش نمایش
به یاد داشته باشید که مرورگرها متن <strong> را به صورت <b> و متن <em> را به صورت <i> نمایش می‌دهند. البته در معنای این تگ‌ها تفاوت‌هایی وجود دارد. تگ‌های <b> و <i> متن برجسته و ایتالیک را تعریف می‌کنند اما تگ‌ها <strong> و <em> به معنای مهم بودن متن است.
عنصر <small> در HTML
عنصر <small> در HTML کوچک‌تر بودن متن را در یک سند HTML تعریف می‌کند
<h2>HTML <small>Small</small> Formatting</h2>پیش نمایش
عنصر <mark> در HTML
عنصر <mark> در HTML متن نشانه‌گذاری شده و هایلایت شده را تعریف می‌کند
<h2>HTML <mark>Marked</mark> Formatting</h2>پیش نمایش
عنصر <del> در HTML
عنصر <del> در HTML متن پاک شده یا حذف شده را مشخص می‌کند
<p>My favorite color is <del>blue</del> red.</p>پیش نمایش
عنصر <ins> در HTM
عنصر <ins> در HTML متن وارد شده یا افزوده شده را مشخص می‌کند
<p>My favorite <ins>color</ins> is red.</p>
پیش نمایش
عنصر <sub> در HTML
عنصر <sub> در HTML متن در زیر خط قرار گرفته را مشخص می‌کند
<p>This is <sub>subscripted</sub> text.</p>پیش نمایش
عنصر <sup> در HTML
عنصر <sup> در HTML متن بالاتر از خط قرار گرفته را مشخص می‌کند
<p>This is <sup>superscripted</sup> text.</p>
پیش نمایش
در انتهای این جلسه حود را بیازمایید
تمرین۱ تمرین۲ تمرین۳ تمرین۴ تمرین۵
لیست جلسات قبل آموزش Html
- آموزش HTML؛ آموزش اصول اولیه و عناصر HTML
- آموزش Html؛ آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
- آموزش Html؛ آموزش کار با پاراگراف و استایل در Html
The post آموزش Html؛ آموزش کار با قالب بندی متن در Html appeared first on آموزش برنامه نویسی.
