سلام. در این ساعت از وبلاگ و سری آموزش های کدنویسی آی وحید در خدمت شما هستیم. امروز نیز با ادامه سری جلسات آموزش HTML5 با شما هستیم. امروز نیز بیشتر با متن و تگ های مربوط به متن ها سروکار خواهیم داشت.
تگ های فرمت دهی به متن در HTML
در جلسه قبل شما با خصوصیت style برای تگ های HTML آشنا شدید که میتوانستیم خصوصیاتی نظیر رنگ و اندازه و فونت و… رو تغییر بدیم.
در این جلسه با تگ هایی آشنا خواهید شد که مخصوص متن هستند و برخی در واقع نتیحه همون مقادیر خصوصیت style رو خواهند داشت. مانند چینش و اندازه و… متن.
برای مثال در این جلسه خواهیم آموخت که با استفاده از تگ <b> متن رو درشت تر و با استفاده از تگ <i> متن رو خمیده کنیم.
معمولا فرمت دهی هایی که برای متن وجود داره رو براتون اماده کردم. در واقع یک متن در زبان برنامه نویسی HTML چطور میتونه باشه!…
- درشت
- مهم
- خمیده
- تاکیدی
- علامت گذاری شده
- کوچک
- حذف شده
- دارای خط زیر
- زیر نویس
- بالا نویس
متن درشت
برای نمایش متن درشت در زبان برنامه نویسی HTML از تگ <b> استفاده می کنیم. برای مثال:
<p>This text is normal.</p> <p><b>This text is bold</b>.</p>
هم چنین تگی نیز به صورت <strong> وجود دارد که در واقع همان متن را درشت می کند اما تفاوتش در این است که این تگ بیشتر برای کلمات مهم و معنایی متن مورد استفاده قرار می گیرد.
متن خمیده و تاکیدی
برای نمایش متن به صورت خمیده از تگی به نام <i> استفاده می شود. توجه داشته باشید محتویات این تگ مهم نیست و فقط و فقط برای خمیدگی متن مورد استفاده قرار می گیرد. برای مثال:
<p>This text is normal.</p> <p><i>This text is italic</i>.</p>
اما تگی نیز با همان خصوصیات وجود دارد که علاوه بر خمیدگی متن حاوی خود اهمیت نیز به ن می بخشد به عبارت ساده تر تگ قبلی فقط متن رو خمیده می کرد و کلمات حاوی این تگ در ساختار صفحه نقش اساسی نداشتند اما این تگ برای کلمات کلیدی مهمی استفاده میشه که علاوه بر اهمیت اون کلمه کدنویس دوست داره خمیده هم باشه. برای مثال:
<p>This text is normal.</p> <p><em>This text is emphasized</em>.</p>
توجه داشته باشید مرورگرها تگ های <b> <strong> <i> <em> را به یک شکل به کاربر نمایش میدهند در صورتی که تگ های <strong> و <em> در ساختار صفحه از اهمیت بیشتری برخوردارند.
متن کوچک
برای نمایش متن کوچک در زبان برنامه نویسی HTML از تگی با نام <small> برای کدنویسی استفاده می شود. برای مثال:
<h2>HTML <small>Small</small> Formatting</h2>
متن علامت گذاری شده
در زبان برنامه نویسی HTML برای علامت گذاری یا همان هایلایت کردن یک متن از تگی با نام <mark> استفاده می شود. برای مثال:
<h2>HTML <mark>Marked</mark> Formatting</h2>
متن حذف شده
در زبان برنامه نویسی HTML برای نمایش متن هایی که قبلا وجود داشتند که الان وجود ندارند از تگی با نام <del> استفاده می شود. در واقع این تگ امروزه بیشتر در فروشگاه های اینترنتی نظیر دیجی کالا رونق دارد. نمونه تگ برای مثال:
<p>My favorite color is <del>blue</del> red.</p>
متن دارای زیر خط
در زبان برنامه نویسی HTML برای قرار دادن زیر خط برای متن از تگی با نام <ins> استفاده می شود. نمونه تگ برای مثال:
<p>My favorite <ins>color</ins> is red.</p>
زیر نویس
در زبان برنامه نویسی HTML برای نمایش متن به صورت زیر نویس از تگی با نام <sub> استفاده می شود. برای مثال:
<p>This is <sub>subscripted</sub> text.</p>
بالا نویس
در زبان برنامه نویسی HTML برای قراردادن متن به صورت بالانویس یا همان توان از تگی با نام <sup> استفاده می شود. برای مثال:
<p>This is <sup>superscripted</sup> text.</p>
خب دوستان خسته نباشید. برای این جلسه کافی هست. فقط توجه داشته باشید کم کم داره پیشرفته و سخت میشه و همچنین بر تعداد تگ ها اضافه میشه پس حتما و حتما تمرین کنید. با تشکر – آی وحید
