آموزش Html؛ آموزش کار با قالب بندی متن در Html

۱۳۹۷-۰۹-۰۶
آموزش 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> خروجی به ...
آموزش Html؛ آموزش کار با قالب بندی متن در Html

آموزش 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

  1. آموزش HTML؛ آموزش اصول اولیه و عناصر HTML
  2. آموزش Html؛ آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
  3. آموزش Html؛ آموزش کار با پاراگراف و استایل در Html

The post آموزش Html؛ آموزش کار با قالب بندی متن در Html appeared first on آموزش برنامه نویسی.