تگهای پایه 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>

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

<!-->

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



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


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


ارسال نظر
با تشکر، نظر شما پس از بررسی و تایید در سایت قرار خواهد گرفت.
متاسفانه در برقراری ارتباط خطایی رخ داده. لطفاً دوباره تلاش کنید.
موارد بیشتر برای شما
راننده‌ای که کامیونش را وقف برپایی موکب رهبر شهید کرد!
play_arrow
راننده‌ای که کامیونش را وقف برپایی موکب رهبر شهید کرد!
نماهنگ/ "همسایه امام رضا" با نوای محمدرضا و حسین طاهری
play_arrow
نماهنگ/ "همسایه امام رضا" با نوای محمدرضا و حسین طاهری
دسترسی به ابلاغیه‌ها و خدمت قضایی تنها با یک گوشی تلفن همراه!
play_arrow
دسترسی به ابلاغیه‌ها و خدمت قضایی تنها با یک گوشی تلفن همراه!
پاسخ رعدآسای ایران و انفجار در کویت
play_arrow
پاسخ رعدآسای ایران و انفجار در کویت
خلاصه والیبال ایران ۱ - اوکراین ۳
play_arrow
خلاصه والیبال ایران ۱ - اوکراین ۳
روایت حدادعادل از علاقه زیاد رهبر شهید انقلاب به خواندن کتاب
play_arrow
روایت حدادعادل از علاقه زیاد رهبر شهید انقلاب به خواندن کتاب
تصاویر ماهواره‌ای از انهدام تاسیسات آمریکا در مینا عبدالله کویت
play_arrow
تصاویر ماهواره‌ای از انهدام تاسیسات آمریکا در مینا عبدالله کویت
مچ‌گیری سنگین عنصر ضدانقلاب از منشه امیر
play_arrow
مچ‌گیری سنگین عنصر ضدانقلاب از منشه امیر
تصاویر دوربین مدار بسته از جنایتکاری که به دار مجازات آویخته شد
play_arrow
تصاویر دوربین مدار بسته از جنایتکاری که به دار مجازات آویخته شد
یورش شهرک‌نشینان صهیونیست به مسجدالاقصی
play_arrow
یورش شهرک‌نشینان صهیونیست به مسجدالاقصی
بی‌قراریِ داریوش فرضیایی در مراسم خاکسپاری مادرش
play_arrow
بی‌قراریِ داریوش فرضیایی در مراسم خاکسپاری مادرش
شلیک موشک‌های سپاه به سمت مواضع دشمن آمریکایی در منطقه
play_arrow
شلیک موشک‌های سپاه به سمت مواضع دشمن آمریکایی در منطقه
از «نشان جهاد» تا «زکات شجاعت»؛ بررسی ابعاد مختلف جهاد در احادیث معصومان (ع)
از «نشان جهاد» تا «زکات شجاعت»؛ بررسی ابعاد مختلف جهاد در احادیث معصومان (ع)
سرگردانی آهوهای خارک در خیابان‌ها از ترس صدای انفجار
play_arrow
سرگردانی آهوهای خارک در خیابان‌ها از ترس صدای انفجار
تظاهرات آمریکایی‌ها علیه سیاست‌های ضدمهاجرتی ترامپ
play_arrow
تظاهرات آمریکایی‌ها علیه سیاست‌های ضدمهاجرتی ترامپ