قالب بندی متن (Formatting)
«قالب بندی متن HTML» یعنی دادن معنی دیداری به نوشته. «قالب بندی (Formatting)» یعنی بولد، مورب، زیرنویس و… . این کار با تگ های مخصوص انجام می شود.
نمونه سریع قالب بندی متن HTML
چند تگ پرکاربرد را یکجا ببین. مثل یادداشت برداری رنگی در مدرسه.
<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>
بولد: <b> و تاکید مهم: <strong>
<b> فقط بولد می کند. معنی اضافه نمی دهد. <strong> تاکید مهم دارد.
<b>This text is bold</b>
<strong>This text is important!</strong>
مورب: <i> و تاکید تلفظی: <em>
<i> برای واژگان خاص یا لحن متفاوت است. <em> روی خوانش تاکید می گذارد.
<i>This text is italic</i>
<em>This text is emphasized</em>
کوچک تر: <small> و علامت زن: <mark>
<small> متن را ریزتر نشان می دهد. <mark> متن را هایلایت می کند.
<small>This is some smaller text.</small>
<p>Do not forget to buy <mark>milk</mark> today.</p>
حذف: <del> و درج: <ins>
<del> متن حذف شده را خط خورده نشان می دهد. <ins> متن درج شده را زیرخط دار می کند.
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
زیرنویس: <sub> و بالانویس: <sup>
<sub> کمی پایین می آید؛ مناسب فرمول ها. <sup> کمی بالا می رود؛ مناسب توان ها.
<p>Water is H<sub>2</sub>O.</p>
<p>WWW<sup>[1]</sup> is common.</p>
گام های عملی برای قالب بندی متن HTML
- روی کلمات مهم <strong> بگذار.
- واژه خارجی را با <i> مشخص کن.
- فرمول را با <sub> و <sup> کامل کن.
نکته: صفحه قالب بندی متن HTML را نشانه گذاری کن. سپس برای پایه ها به پاراگراف ها و برای ظاهر کلی به استایل ها سر بزن.
جمع بندی سریع
- <strong> مهم است؛ <b> فقط ظاهری است.
- <em> تاکید خوانش می دهد؛ <i> سبک مورب است.
- <mark> برای هایلایت سریع کاربردی است.
- <del> و <ins> تغییرات را شفاف می کنند.
- <sub> و <sup> برای فرمول عالی اند.