تگهاي پايه HTML

مهمترين نوع تگهاي HTML، تگهاي هستند که Heading ها، پاراگرافها و line break را مشخص مي کنند. بهترين راه براي يادگيري HTML، کار با مثالهاي متفاوت است. ما براي شما يک HTML editor (ويرايشگر HTML) ساخته ايم. با اين ويرايشگر، شما مي توانيد، در صورت تمايل، Source code ها را ويرايش نماييد و روي دکمه تست کليک کرده تا نتيجه را ملاحظه فرماييد.
مثال :
very simple HTML document
اين يک مثال ساده از HTMLاست، که تنها مقدار کمي از تگها را در خود جاي داده و نشان دهنده آن است که چطور متن داخل قسمت المان Body در مرورگر نمايش داده شده.
Simple paragraphs
اين مثال نشان دهنده متن دادخل المان پاراگراف در مرورگر مي باشد

Heading :

Heading ها با تگهاي <h1> تا <h6> مشخص شده اند. <h1> بزرگترين Heading را مشخص مي کند و <h6> کوچکترين را.

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>

Html به صورت خودکار يک خط خالي، قبل و بعد از Heading براي شما اضافه مي کند.

پاراگراف ها :

پاراگراف ها با تگ <p> مشخص مي شوند.
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Html باز هم بصورت خودکار يک خط خالي قبل و بعد از پاراگراف توليد مي کند.
تگ خاتمه را فراموش نکنيد.
شما ممکن است توجه کرده باشيد که پاراگرافها را مي توان بدون تگ خاتمه </p> نوشت.
p>This is a paragraph>
p>This is another paragraph>
مثال فوق در اکثر مرورگرها اجرا خواهد شد، ولي زياد روي آن حساب نکنيد.Html هاي آينده به شما اجازه نخواهند داد که آن را بدون تگ خاتمه رها کنيد. بستن المانهاي HTML به شما کمک خواهد کرد که کدها را راحتتر درک کنيد.( بخوانيد و مرور کنيد ).

Line Breaks :

تگ <br>، جهت رفتن به خط بعد، بدون شروع يک پاراگراف جديد،استفاده مي شود. تگ <br> برنامه را اجبار مي کند تا هر جايي که آن را قرار داده ايد به خط بعدي برود.
<p>This <br> is a para<br>graph with line breaks</p>
Try it yourself
تگ <br> يک تگ خالي است و هيچ تگ خاتمه با عنوان </br> ندارد.
<br> or <br/>:
گاهي ممکن است که تگ <br/> را بجاي <br> نوشته شده باشد. چون تگ<br> هيچ تگ خاتمه اي ندارد، قوانين Html که در آينده با آن مواجه خواهيم شد (XML based XHTML)،(تمام المانها بايد پايان بپذيرند) را نقض مي کند.
اين تگ را به شکل <br/> نوشتن، نشانگر خاتمه يا پايان تگ داخل تگ شروع مي باشد، که با هر دو نوع زبان، HTML و XML قابل پذيرش است.

توضيحات در HTML:

تگ توضيحات براي درج توضيح در Html source code مي باشد. توضيحات بصورت خودکار بوسيله مرورگر چشم پوشي مي شوند. شما مي توانيد از توضيحات براي شرح دادن کدها استفاده مي شوند، که به شما زماني که source code را ويرايش مي کنيد کمک مي کند تا در آينده راحتتر آن را درک کنيد.

توجه داشته باشيد که بعد از باز کردن کروشه، و نه قبل از آن، حتماً علامت تعجب را بگذاريد.
نکته هاي پايه :
زمانکيه يک متن HTML را مي نويسيد، شما هيچ وقت مطمئن نيستيد که در مرورگر هاي ديگر به چه شکل نمايش داده مي شود. بعضي ها صفحات نمايش بزرگ دارند در حالکيه ديگران صفحات کوچک. فرمت متن هر بار که که پنجره را تغيير اندازه مي دهند تغيير خواهد کرد. پس هيچ وقت زمان ويرايش کردن متن HTML از "خطوط خالي" يا "فاصله" استفاده نکنيد.
HTML بصورت خودکار تمام فاصله ها را در متن کوتاه مي کنند. هر تعدادي از فاصله ها که در متن باشند، تنها يک فاصله محسوب مي شوند. در HTML خطوط جديد هم تنها يک فاصله محصوب مي شوند.
استفاده از پاراگرافهاي خالي <p> براي درج خطوط خالي يک عادت بسيار بد است. مي توانيد به جاي آن از تگ <br> استفاده کنيد.

Tag	Description
<html>	يک متن را مشخص مي کند.
<body>	متن بدنه را مشخص مي کند.
<h1> to <h6>	تعيين کننده نوع هدر ( از1 تا 6)
<p>	مشخص کننده يک پاراگراف.
<br>	درج يک خط خالي.
<hr>	جدا کردن بخشها.
<!-->	مشخص کننده توضيحات.

معرفي سايت مرتبط با اين مقاله