عناصر نوشتاری html

عناصر نوشتاری html

همان طور که قبلا هم گفتیم برای اینکه مرورگر بتواند سند html را به درستی نمایش دهد می بایست از عناصر مخصوص برای هر نوع از اطلاعات، که در html تعریف شده اند استفاده کنیم. عناصر نوشتاری html یا تگ های نوشتاری مختص ایجاد متون در سند html بوده و فقط جهت نوشتن متن ها می باشند.

آنچه در این مقاله می خوانید ...

در ادامه برخی از مهم ترین تگ های نوشتاری html را مورد بررسی قرار می دهیم.

 

تگ های سرفصل یا هدینگ کدامند؟

تگ های <h> یکی از مهمترین تگ های نوشتاری در html هستند. از این تگ ها برای نوشتن عناوین هر مطلب استفاده می شود، پیشنهاد می کنیم همیشه برای نوشتن تیتر مطالب خود از این تگ ها استفاده کنید. یکی از موارد مهم استفاده از تگ های سرفصل در زمان ارائه کلمات کلیدی به موتور های جستجو می باشد.
تگ های سرفصل و هدینگ
توجه مهمترین این تگ ها، تگ <h1> می باشد که هر چه عدد آن ها بیشتر شود از اهمیت آن ها کاسته می شود.

در مثال زیر بیشتر با آن ها آشنا می شوید:


This is heading 1This is some text


This is heading 3This is some other text


This is heading 5This is some other text

<body>
<h1>This is heading 1</h1>
<h2>This is some text.</h2>
<hr>
<h3>This is heading 3</h3>
<h4>This is some other text.</h4>
<hr>
<h5>This is heading 5</h5>
<h6>This is some other text.</h6>
</body>


مـــهم از تگ h1 برای نام سایت ، عنوان مقاله و یا نام محصولات خود استفاده کنید.

اگر اندازه فونت آن ها یا رنگشان مورد نظر شما نبود می توانید به وسیله style آن ها را تغییر دهید تا به اندازه و رنگ دلخواه تان باشد.

 

تگ های نوشتاری و فرمت در Html

برای رعایت اصول نگارش متن ها در سند html تگ های متنوعی تعیین شده، تگ هایی که متن شما را درشت کرده و یا بر روی آن ها خط می زنند یا زیر آن ها خط می کشند و … این تگ ها برای مفهوم بخشیدن به متون می تواننند مورد استفاده قرار گیرند . در زیر می توانید تفاوت تگ های فرمت دهی و طریقه استفاده از آن ها را ببینید :


This text is bold. strong text
This text is italic emphasize text
HTML Small Formatting
HTML Marked Formatting
My favorite color is blue red
My favorite color is red
This is subscripted text
This is superscripted text

<body>
<b>This text is bold.</b><strong>strong text</strong>
<i>This text is italic</i><em>emphasiz text</em>
HTML<small>Small</small> Formatting
HTML<mark>Marked</mark> Formatting
My favorite color is <del>blue</del> red
My favorite <ins>color</ins> is red
This is <sub>subscripted</sub> text
This is <sup>superscripted</sup> text
</body>


مـــهم اگر متن شما مانند شعر دارای ظاهر خاصی باشد بهتر است به جای تگ p از تگ pre استفاده کنید که در آن تمامی فواصل و تغییرات خطوط به مانند نوشته شما در سند html نشان داده می شود.

مـــهم از تگ br برای رفتن به خط بعد در تمامی تگ های نوشتاری استفاده می شود.

برای مشاهده تمامی موارد به صفحه عناصر مراجعه کنید. همچنین برای مشاهده تگ های نقل قول ( q cite bdo address abbr) به اینجا مراجعه نمایید.

 

همچنین بخوانید...!

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *