مهمترين برچسب در HTML برچسب هايي هستند كه سر تيتر ها ، پاراگراف ها و پرش به خط بعد را معرفي مي كنند. بهترين راه يادگرفتن HTML كار كردن با مثال هاست.
مثالها
ساده ترين Html
اين مثال ساده ترين نمونه html است كه در آن، از كمترين برچسب ممكن، استفاده شده است. در اين مثال جمله نوشته شده درون برچسب body، نمايش داده مي شود.
پاراگراف ساده
اين مثال نشان مي دهد، كه نوشته داخل برچسب پاراگراف، چگونه نمايش داده مي شود.
(مثالهاي بيشتر، در انتهاي اين صفحه آمده است)
سر تيتر ها
سر تيترها با برچسب هاي <h1>تا<h6>معرفي مي شوند.<h1>بيانگر بزرگترين سرتيتر و<h6> بيانگر كوچكترين سر تيتر است. HTML بطور خودكار فضاي خالي اضافي به قبل و بعد از سر تيترها اضافه مي كند.
<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>
پاراگراف ها
پاراگراف ها با برچسب <p> معرفي مي شوند.HTML بطور خودكار فضاي خالي اضافي به قبل و بعد از يك پاراگراف اضافه مي كند.<p> This is a paragraph </p>
<p> This is another paragraph </p>
پرش به خط بعد
برچسب <br> هنگامي استفاده مي شود كه بخواهيم يك خط را پايان دهيم اما نمي خواهيم يك پاراگراف جديد را آغاز كنيم.برچسب <br> شما را از هر جا كه قرار داريد به يك خط پايين تر مي برد. برچسب <br> يك برچسب تكي است و هيچ برچسب پاياني ندارد.توضيحات در HTML
برچسب توضيحات براي وارد كردن توضيحات در منبع كد HTML استفاده مي شود.توضيحات توسط مرورگرها ناديده گرفته مي شوند. شما مي توانيد از توضيحات براي تشريح كد هاي خود استفاده كنيد كه مي تواند به شما هنگامي كه در آينده كد منبع خود را ويرايش مي كنيد كمك كند.<!--This is a comment-->
توجه كنيد كه شما بعد از باز كردن براكت به علامت تعجب نياز داريد اما قبل از بستن نياز نداريد.نكات پايه اي - اطلاعات مفيد
هنگامي كه شما يك متن HTML مي نويسيد هرگز نمي توانيد مطمئن باشيد اين متن در يك مرورگر ديگر چطور نشان داده مي شود.تعدادي از مردم صفحه نمايش بزرگ كامپيوتر دارند و تعدادي كوچك. هر بار كه كاربر اندازه پنجره را تغيير دهد متن دوباره قالب بندي خواهد شد. هرگز سعي نكنيد كه با اضافه كردن خطوط خالي و فاصله در متن آن را در ويرايشگرتان قالب بندي كنيد.HTML فاصله ها را از متن حذف مي كند، هر تعدادي از فاصله ها تنها به يك فاصله تبديل مي شوند.
مقداري اطلاعات اضافي
در HTML يك خط جديد بعنوان يك فاصله حساب مي شود.استفاده كردن از برچسب خالي پاراگراف
براي وارد كردن يك خط خالي يك عملكرد بد است.بجاي آن از برچسب <br>استفاده كنيد.(اما از <br> براي ساخت ليست خالي استفاده نكنيد ، صبر كنيد تا در مورد ليستهاي HTML ياد بگيريد)
شما ممكن است متوجه باشيد كه پاراگراف ها مي توانند بدون بستن برچسب <p/> نوشته شوند.نسخه بعدي HTML اجازه نخواهد داد كه هيچ برچسب پاياني را جا بيندازيد.HTML بطور خود كار يك خط خالي اضافي قبل و بعد از برخي عناصر اضافه مي كند مثل قبل و بعد از پاراگراف و قبل و بعد از سر تيتر ها.ما از يك خط افقي (برچسب<hr>) براي جدا كردن بخش هاي مختلفدرسمان استفاده كرده ايم.
مثالهاي بيشتر
پاراگرافهاي بيشتر
اين مثال رفتار برچسب پاراگراف را با نمايش چند نمونه از آن، نشان مي دهد.
سر خط
با استفاده از برچسب سر خط، به ابتداي خط بعد مي رويم. اين مثال رفتار اين برچسب را نشان مي دهد.
مشكلات نمايش
با اين مثال، متوجه مي شويد، در صورتي كه از برچسبها استفاده نكنيد، صفحه بندي شما، ناديده گرفته مي شود.
سر فصل
در اين مثال طريق متمايز كردن جملات سر فصل را مي بينيد.
سر فصل در وسط خط
اين مثال نشان مي دهد كه چگونه مي توان،محل نمايش جمله، در خط را تعيين كرد.
خط افقي
اين مثال روش نمايش يك خط افقي را نشان مي دهد.
توضيحات مخفي
گاهي، نياز به نوشتن توضيحي درباره html خود داريد. اين توضيح بايد در حالت نمايش ديده نشود. اين مثال روش نوشتن چنين متن هايي را، داخل html، نشان مي دهد.
رنگ زمينه
مي توانيد رنگ زمينه html خود را تعيين كنيد. اين مثال را ببينيد.
برچسب هاي پايه
برچسب ها | توضيحات |
---|---|
<html> | يك پرونده HTML را معرفي مي كند |
<body> | بدنه پرونده را معرفي مي كند |
<h1> to <h6> | سر تيتر 1 تا 6 را معرفي مي كند |
<p> | يك پاراگراف را معرفي مي كند |
<br> | يك خط خالي را معرفي مي كند |
<hr> | يك خط افقي را معرفي مي كند |
<!--> | توضيحات را معرفي مي كند |