تگهای پایه HTML

مهمترین نوع تگهای HTML، تگهای هستند که Heading ها، پاراگرافها و line break را مشخص می کنند. بهترین راه برای یادگیری HTML، کار با مثالهای متفاوت است. ما برای شما یک HTML editor (ویرایشگر HTML) ساخته ایم. با این ویرایشگر، شما می توانید، در صورت تمایل، Source code ها را ویرایش نمایید و روی دکمه تست کلیک کرده تا نتیجه را ملاحظه فرمایید.
شنبه، 11 آبان 1387
تخمین زمان مطالعه:
موارد بیشتر برای شما
تگهای پایه HTML
تگهای پایه HTML
تگهای پایه 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 را ویرایش می کنید کمک می کند تا در آینده راحتتر آن را درک کنید.
<!-- This is a comment -->
توجه داشته باشید که بعد از باز کردن کروشه، و نه قبل از آن، حتماً علامت تعجب را بگذارید.
نکته های پایه :
زمانکیه یک متن HTML را می نویسید، شما هیچ وقت مطمئن نیستید که در مرورگر های دیگر به چه شکل نمایش داده می شود. بعضی ها صفحات نمایش بزرگ دارند در حالکیه دیگران صفحات کوچک. فرمت متن هر بار که که پنجره را تغییر اندازه می دهند تغییر خواهد کرد. پس هیچ وقت زمان ویرایش کردن متن HTML از "خطوط خالی" یا "فاصله" استفاده نکنید.
HTML بصورت خودکار تمام فاصله ها را در متن کوتاه می کنند. هر تعدادی از فاصله ها که در متن باشند، تنها یک فاصله محسوب می شوند. در HTML خطوط جدید هم تنها یک فاصله محصوب می شوند.
استفاده از پاراگرافهای خالی <p> برای درج خطوط خالی یک عادت بسیار بد است. می توانید به جای آن از تگ <br> استفاده کنید.

Tag

Description

<html>

یک متن را مشخص می کند.

<body>

متن بدنه را مشخص می کند.

<h1> to <h6>

تعیین کننده نوع هدر ( از1 تا 6)

<p>

مشخص کننده یک پاراگراف.

<br>

درج یک خط خالی.

<hr>

جدا کردن بخشها.

<!-->

مشخص کننده توضیحات.



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


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


ارسال نظر
با تشکر، نظر شما پس از بررسی و تایید در سایت قرار خواهد گرفت.
متاسفانه در برقراری ارتباط خطایی رخ داده. لطفاً دوباره تلاش کنید.
موارد بیشتر برای شما
تخته ‌نرد خاتم؛ وقتی هنر اصیل ایرانی با یک بازی قدیمی گره می‌خورد
تخته ‌نرد خاتم؛ وقتی هنر اصیل ایرانی با یک بازی قدیمی گره می‌خورد
مشاوره خانواده چگونه از تعارض‌های زناشویی پیشگیری می‌کند؟
مشاوره خانواده چگونه از تعارض‌های زناشویی پیشگیری می‌کند؟
لحظه برخورد پهپاد FPV حزب‌الله به سربازان صهیونی
play_arrow
لحظه برخورد پهپاد FPV حزب‌الله به سربازان صهیونی
سلام نظامی والیبالیست‌های نوجوانان روی سکوی قهرمانی
play_arrow
سلام نظامی والیبالیست‌های نوجوانان روی سکوی قهرمانی
عملیات‌های یمن علیه مواضع دشمن سعودی با پهپاد «رجوم»
play_arrow
عملیات‌های یمن علیه مواضع دشمن سعودی با پهپاد «رجوم»
گزارش خبرنگار صداوسیما از حمله دشمن آمریکایی به لارک
play_arrow
گزارش خبرنگار صداوسیما از حمله دشمن آمریکایی به لارک
لحظه فروپاشی یخچال طبیعی در هیمالیا که باعث سیل مرگبار در نپال و چین شد!
play_arrow
لحظه فروپاشی یخچال طبیعی در هیمالیا که باعث سیل مرگبار در نپال و چین شد!
اعتراف نظامی آمریکایی: هیچ سامانه‌ای در جهان نتوانسته جلوی حملات موشکی ایران را بگیرد!
play_arrow
اعتراف نظامی آمریکایی: هیچ سامانه‌ای در جهان نتوانسته جلوی حملات موشکی ایران را بگیرد!
دیدار جمعی از آزادگان با رهبر شهید انقلاب در سال ۷۷
play_arrow
دیدار جمعی از آزادگان با رهبر شهید انقلاب در سال ۷۷
نتانیاهو: اگر من پیروز نشوم آغاز پایان اسرائیل خواهد بود
play_arrow
نتانیاهو: اگر من پیروز نشوم آغاز پایان اسرائیل خواهد بود
تصاویر ماهواره‌ای از حجم نابودی پایگاه‌ آمریکا در بحرین
play_arrow
تصاویر ماهواره‌ای از حجم نابودی پایگاه‌ آمریکا در بحرین
حمله به جزیره لارک کنترل ایران بر تنگه هرمز را تغییر نمی‌دهد
play_arrow
حمله به جزیره لارک کنترل ایران بر تنگه هرمز را تغییر نمی‌دهد
مسیرهای مخفی عبور نفت برای دور زدن تنگه هرمز
play_arrow
مسیرهای مخفی عبور نفت برای دور زدن تنگه هرمز
لحظه نفس‌گیر درگیری محیط‌بانان با شکارچیان مسلح در تنگ‌صیاد
play_arrow
لحظه نفس‌گیر درگیری محیط‌بانان با شکارچیان مسلح در تنگ‌صیاد
حمله تند مجری آمریکایی به ترامپ
play_arrow
حمله تند مجری آمریکایی به ترامپ