در اینجا شما نمونه ای از عناصر HTML به همراه توضیحات تکمیلی (Attribute) را می بینید که در بین یک جفت ” ” قرار گرفته است.
تگهای Head Line و یا سرفصلها
سرفصلها توسط تگهای h1 تا h6 علامت گذاری می شوند. تگ h1 باعث ایجاد اندازه بزرگتری نسبت به h6 می شود.
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
مرورگرها به صورت اتوماتیک یک خط فاصله بعد از این تگها ایجاد میکند.
اهمیت تگهای Head Line
از این تگها برای بزرگ یا کوچک کردن نوشته ها استفاده نکنید بلکه برای موضوعات پر اهمیت از آنها استفاده کنید و موضوعات و نوشته های پر اهمیت را داخل آنها قرار دهید.
موتورهای جستجو مانند گوگل و یاهو برای پی بردن به موضوع وب سایت و صفحه وب شما از نوشته هایی که داخل این تگها قرار دارند استفاده می کنند.
ترتیب اهمیت این تگها به ترتیب اهمیت بیشتر از h1 به h6 می رسد.
تگهای خط کشی و یا خط (line)
تگ <hr/> برای کشیدن خط ها افقی استفاده میشود.
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
نوشتن توضیحات برای کدها HTML
این توضیحات باید به صورتی در درون کدهای HTML قرار گیرند که توسط مرورگرها خوانده نشوند. بنابراین این توضیحات را به این صورت
می نویسیم.
<!– This is a comment –>
این نوشته ها توسط مرورگرها خوانده نمی شوند.علامت تعجب فقط در ابتدا قرار می گیرد و در پایان نمی آید.
چگونه کدهای HTML یک صفحه وب را ببینیم؟
برای این کار شما میتوانید در صفحه مرورگرتان گزینه view را از نوار ابزار انتخاب کنید و سپس گزینه view source و یا source را انتخاب کنید.
در این حالت یک پنجره جدید باز می شود که کدهای HTML را به شما نشان می دهد.
تگهای پاراگراف (Paragraph)
پاراگراف ها توسط تگهای <p> علامت گذاری می شوند.
<p>This is a paragraph</p>
<p>This is another paragraph</p>
مرورگرها به صورت اتوماتیک یک خط فاصله قبل و بعد از این تگها ایجاد میکند.
باز هم این نکته را یاد آوری می کنیم که تگهای ابتدایی و انتهایی را فراموش نکنید.
تگهای شکستن خط ( Line Breaks )
برای ایجاد شکست در یک خط و رفتن به خط بعدی و ایجاد فاصله از تگ </br> که یک تگ خالی (empty) است استفاده می شود.
این نکته قابل ذکر است که کلیه فاصله ها در بین تگهای HTML در هنگام نمایش توسط مرورگرها از بین می رود.
<h1> Headline1 </h1>
به طور مثال فاصله ای که قبل از محتوای این عنصر HTML وجود دارد در مرورگر از بین می رود.
تگهای نوع نمایش نوشته ها ( Text Formatting )
This text is bold
This text is big
This text is italic
This is computer output
This is subscript and superscript
تگهایی مانند <i> و یا <b> باعث می شوند که نوشته ها به صورت Italic و یا Bold نمایش داده شوند . این تگها را تگهای نوع نمایش یا(Text Formatting ) می نامند.
برای آشنایی بیشتر با این تگها صفحات وب را به دقت نگاه کنید.در زیر تعدادی از این تگها را به نمایش می گذاریم.
<p> <b> This text is bold <b></p> This text is bold
<p> <strong>This text is strong </strong></p> This text is strong
<p><big>This text is big</big></p> This text is big
<p><em>This text is emphasized</em></p> This text is emphasized
<p><i>This text is italic</i> This text is italic
<p><small>This text is small</small></p> This text is small
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
This is subscript and superscrip
