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

در این مطلب در جلسه چهارم با آموزش Html؛ آموزش کار با قالب بندی متن در Html در خدمت شما هستیم. لطفا با ما همراه باشید…

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

چند مورد ساده را در زیر مشاهده می نمایید

خروجی به شکل زیر هست

در مطلب آموزشی قبل در مورد خصوصیت پاراگراف و استایل در HTML توضیح کامل دادیم. زبان HTML همچنین عناصر خاصی برای تعریف متن با معنای مشخص دارد. این زبان از عناصری مانند <b> و <i> برای قالب بندی خروجی مانند متن bold (برجسته) یا ایتالیک استفاده می‌کند. عناصر قالب بندی برای نمایش انواع خاصی از متن طراحی شده‌اند. در ادامه چند نوع از آن‌ها را مشاهده می‌کنید:

• <b>: برجسته کردن متن

• <strong>: متن مهم

• <i>: متن ایتالیک

• <em>: تاکید بر متن

• <mark>: متن علامت گذاری شده

• <small>: متن کوچک

• <del>: متن پاک شده

• <ins>: متن وارد شده

• <sub>: متن زیر

• <sup>: متن رو

 

عنصر <b> و عنصر <strong> در HTML

عنصر <b> متن را بدون هیچ‌گونه اهمیت یا تاکید بیشتر، پررنگ و برجسته می‌کند

پیش نمایش

 

عنصر <strong> به متن قدرت داده و اهمیت معنایی به آن می‌بخشد

پیش نمایش

 

عناصر <i> و <em> در HTML

عنصر <i> در HTML متن را بدون اختصاص هرگونه اهمیت بیشتر به حالت ایتالیک تبدیل می‌کند:

پیش نمایش

 

عنصر <em> در HTML بدون اختصاص اهمیت معنایی، متن را به صورت تاکیدی تبدیل می‌کند

پیش نمایش [alert color=”yellow” icon=””]

به یاد داشته باشید که مرورگرها متن <strong> را به صورت <b> و متن <em> را به صورت <i> نمایش می‌دهند. البته در معنای این تگ‌ها تفاوت‌هایی وجود دارد. تگ‌های <b> و <i> متن برجسته و ایتالیک را تعریف می‌کنند اما تگ‌ها <strong> و <em> به معنای مهم بودن متن است.

[/alert]

 

عنصر <small> در HTML

عنصر <small> در HTML کوچک‌تر بودن متن را در یک سند HTML تعریف می‌کند

پیش نمایش

 

عنصر <mark> در HTML

عنصر <mark> در HTML متن نشانه‌گذاری شده و هایلایت شده را تعریف می‌کند

پیش نمایش

 

عنصر <del> در HTML

عنصر <del> در HTML متن پاک شده یا حذف شده را مشخص می‌کند

پیش نمایش

 

عنصر <ins> در HTM

عنصر <ins> در HTML متن وارد شده یا افزوده شده را مشخص می‌کند

پیش نمایش

عنصر <sub> در HTML

عنصر <sub> در HTML متن در زیر خط قرار گرفته را مشخص می‌کند

پیش نمایش

 

عنصر <sup> در HTML

عنصر <sup> در HTML متن بالاتر از خط قرار گرفته را مشخص می‌کند

پیش نمایش

 

در انتهای این جلسه حود را بیازمایید

تمرین1 تمرین2 تمرین3 تمرین4 تمرین5

 

لیست جلسات قبل آموزش Html

1. آموزش اصول اولیه و عناصر HTML
2. آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
3. آموزش کار با پاراگراف و استایل در Html
4. آموزش کار با قالب بندی متن در Html
5. آموزش کار با کامنت در HTML
6. آموزش کار با کامنت در HTML
7. آموزش کار با رنگ ها در HTML
8. آموزش کار با تصاویر در HTML
9. آموزش کار با لینک در HTML
10. آموزش کار با جدول در HTML
11. آموزش کار با لیست ها در HTML
12. آموزش کار با عناصر Block و Inline در HTML
13. آموزش کار با عنصر Class در HTML
14. آموزش Html؛ آموزش iframe در HTML
15. آموزش Html؛ آموزش جاوا اسکریپت در HTML
16. آموزش کار با عنصر Head در HTML
17. آموزش Layout در HTML
18. آموزش طراحی سایت ریسپانسیو در HTML
19. آموزش عناصر کد کامپیوتر در HTML
20. آموزش موجودیت (Entities) در HTML
21. آموزش نمادها (Symbols) در HTML
22. آموزش کار با Character (کاراکترهای رزرو شده) در HTML
23. آموزش رمزگذاری URL در HTML
24. آموزش کامل کار با فرم ها در HTML
25. آموزش انواع ورودی (Input) در HTML
26. آموزش خصوصیات ورودی در HTML

حتما بخوانید 1 : فیلم آموزش رایگان Html مهندس رحمانی

حتما بخوانید 1 : فیلم آموزش رایگان CSS مهندس رحمانی

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.