تگهای پایه HTML

شنبه، 11 آبان 1387

تخمین زمان مطالعه:

موارد بیشتر برای شما

تگهای پایه 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>	جدا کردن بخشها.
<!-->	مشخص کننده توضیحات.

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

تصاوير زيبا و مرتبط با اين مقاله

تگهای پایه HTML

تازه های مقالات

بیشترین بازدید هفته