نمای کلی HTML
HTML (hypertext markup language) یک زبان نشانه گذاری وب است که به شما امکان می دهد صفحات وب ایجاد کنید. در حالی که HTML یک زبان نشانه گذاری آسان برای یادگیری است، اما حاوی بیش از صد برچسب مختلف است که می توان آنها را یاد گرفت.
مانند سایر زبان‌های نشانه‌گذاری، HTML متشکل از برچسب‌هایی است که به مرورگر اجازه می‌دهد تا بداند چه کاری را انجام دهد. برای مثال، <b>متن پررنگ<b/> به مرورگر می‌گوید که متن <b> و <b/> متن پررنگ است. HTML به عنوان یک زبان نشانه گذاری، نیازی به کامپایل ندارد و نیازی به ویرایشگر خاصی ندارد. HTML را در هر ویرایشگر متنی بنویسید یا از یک ویرایشگر HTML که برای ایجاد صفحات وب طراحی شده است استفاده کنید.
همچنین، از آنجایی که مرورگر شما HTML را تفسیر می کند، یک سرور یا آپلود آنها در اینترنت برای مشاهده صفحات HTML در رایانه غیر ضروری است. پس از آشنایی با تگ های HTML، برای کمک به ایجاد یک صفحه وب و ارسال آن به صورت آنلاین، ببینید که در HTML و طراحی وب از کجا شروع کنید.
10 تگ برتر HTML
در زیر فهرستی از 10 دستور برتر HTML پیشنهادی ما وجود دارد که توصیه می کنیم ابتدا آنها را یاد بگیرید.
تگ HTML
<a> برای کمک به بازدیدکنندگان از صفحه ای به صفحه دیگر، یک پیوند ایجاد کنید.
<br> یک شکست تک خطی در یک سند ایجاد کنید.
<div> محتوا را در یک صفحه وب تقسیم یا جدا کنید.
<form> یک بخش تعاملی در یک صفحه وب ایجاد کنید تا بازدیدکنندگان اطلاعات را ارسال کنند.
<h1 تا h6> عناوین با اندازه و اهمیت متفاوت را مشخص کنید.
<html> به مرورگر بگویید که در حال مشاهده یک سند HTML است.
<img> یک فضای نگهداری برای تصاویر پیوند شده تعیین کنید.
<p> یک پاراگراف تعیین کنید.
<script> یک اسکریپت سمت سرویس گیرنده را در یک صفحه وب تعیین کنید.
<table> یک جدول ایجاد کنید.
دستورات HTML
در زیر جدولی با نمای کلی هر دستور HTML آورده شده است. جدول زیر همچنین نوع عنصر (بلوک یا درون خطی)، وضعیت “HTML5” برای تگ های HTML5، یا “منسوخ شده” برای برچسب هایی که منسوخ شده اند را فهرست می کند.
<– Hide –!> یک نظر مخفی در کد HTML خود ایجاد کنید.
<a> برای کمک به بازدیدکنندگان از صفحه ای به صفحه دیگر، یک پیوند ایجاد کنید. درون خطی
<abbr> یک مخفف یا مخفف متن انتخاب شده ایجاد کنید. درون خطی
<acronym> یک مخفف برای متن انتخاب شده ایجاد کنید. درون خطی / منسوخ شده است
<address> اطلاعات تماس مالک یا نویسنده را ایجاد کنید. بلوک
<applet> یک اپلت جاوا را در HTML جاسازی کنید. بلوک / منسوخ شد
<area> بخش‌ها را در نقشه تصویر علامت‌گذاری کنید.
<article> بخشی از محتوا را توصیف کنید که هم مستقل و هم خودکفا است. HTML5 / بلوک
<aside> بخشی از محتوا را توصیف کنید که فقط تا حدی به محتوای نزدیک آن مرتبط است. HTML5 / بلوک
<audio> فایل های صوتی را در یک صفحه وب جاسازی کنید. HTML5 / درون خطی
<b> متن انتخاب شده پررنگ. درون خطی
<URL <bace پایه (Uniform Resource Locator) را برای هر URL نسبی در داخل یک سند تعیین کنید.
<basefont> خانواده فونت، اندازه فونت و رنگ پیش فرض را برای تمام متن های یک سند تعیین کنید. منسوخ شده است
<bdi> متن را محدود کنید تا در جهتی متفاوت از متن دیگر در یک صفحه وب قالب بندی شود. HTML5 / درون خطی
<bdo> متن را مجبور کنید به یک سمت یا آن طرف حرکت کند. درون خطی
<bgsound> یک فایل صوتی را جاسازی می کند که هنگام بارگیری صفحه پخش می شود.
<big> متن را بزرگتر کنید. درون خطی / منسوخ شده است
<blink> باعث می شد بخشی از متن روشن و خاموش شود. درون خطی / منسوخ شده است
<blockquote> بخشی از مقاله را که از منبع دیگری نقل شده است را نشان می دهد. بلوک
<body> بخشی حاوی محتوای یک صفحه وب، از جمله لینک‌ها، تصاویر، جداول، متن و غیره.
<br> یک شکست تک خطی در یک سند ایجاد کنید. درون خطی
<button> یک دکمه قابل کلیک ایجاد کنید. درون خطی
<canvas> گرافیک را از طریق یک زبان برنامه نویسی مانند جاوا اسکریپت بکشید. HTML5 / بلوک
<caption> عنوانی را به جدول اضافه کنید. بلوک
<center> وسط کردن متن در HTML. بلوک / منسوخ شد
<cite> هر کار خلاقانه ای را ذکر کنید. درون خطی
<code> مشخص کنید که بخشی از متن کد کامپیوتری است. درون خطی
<col> مشخصه های خاصی را برای هر ستون تعیین کنید.
<colgroup> گروهی از ستون ها را در یک جدول مشخص کنید.
<datalist> لیستی از گزینه ها را در عنصر <input> تعیین کنید. HTML5
<dd> جزئیات یک اصطلاح را در لیست توضیحات ارائه دهید.
<del> نشان می دهد که یک بلوک متن از یک صفحه وب حذف شده است. درون خطی
<details> یک ویجت تعاملی ایجاد کنید که در آن محتوا ممکن است پنهان شود. HTML5 / بلوک
<dfn> نمونه تعریف کننده یک اصطلاح را نشان می دهد. درون خطی
<dialog> یک کادر محاوره ای یا پنجره مودال در یک صفحه وب ایجاد کنید.
<dir> مجموعه ای از نام فایل ها را تعیین کنید. بلوک
<div> محتوا را در یک صفحه وب تقسیم یا جدا کنید. بلوک
<dl> حاوی لیستی از تعاریف و توضیحات آنها باشد. بلوک
<dt> یک اصطلاح را در لیست توضیحات تعیین کنید. بلوک
<em> روی متن انتخاب شده تاکید کنید. درون خطی
<embed> یک منطقه برای محتوای تعاملی (افزونه) یا یک برنامه خارجی تعیین کنید. HTML5 / بلوک
<fieldset> عناصر مرتبط را در یک فرم با کشیدن کادری در اطراف آنها گروه بندی کنید.
<figcaption> یک عنوان برای عنصر <figure> تعیین کنید. HTML5
<figure> ناحیه ای از محتوای مستقل را تعیین کنید که بر جریان اصلی مقاله تأثیری نداشته باشد. HTML5 / بلوک
<footer> یک پاورقی برای یک سند یا بخشی از محتوا تعیین کنید. HTML5
<font> کیفیت های خاصی از یک بلوک متن را در یک صفحه وب تغییر دهید. درون خطی / منسوخ شده است
<form> یک بخش تعاملی در یک صفحه وب ایجاد کنید تا بازدیدکنندگان اطلاعات را ارسال کنند. بلوک
<frame> یک پنجره خاص در یک عنصر <frameset> تعیین کنید. بلوک
<frameset> شامل مجموعه ای از عناصر <frame> است.
<h1 تا h6> عناوین با اندازه و اهمیت متفاوت را مشخص کنید. بلوک
<head> حاوی اطلاعات خاصی در مورد یک صفحه وب، (به عنوان مثال، ابرداده).
<header> ظرفی برای موارد ناوبری یا مقدماتی. HTML5 / بلوک
<hr> یک وقفه موضوعی در یک صفحه وب را نشان می دهد. بلوک
<html> به مرورگر بگویید که در حال مشاهده یک سند HTML است.
<i> یک بلوک از متن را مشخص کنید که با متن اطراف آن متفاوت است، معمولاً با فونت ایتالیک نوشته می شود. درون خطی
<iframe> یک قاب درون خطی تعیین کنید، که به کاربر اجازه می دهد یک سند HTML را در صفحه وب فعلی جاسازی کند. بلوک
<img> یک فضای نگهداری برای تصاویر پیوند شده تعیین کنید. درون خطی
<input> هم فیلدهای ورودی و هم کنترل‌های تعاملی را برای فرم‌های مبتنی بر وب ایجاد کنید. درون خطی
<ins> نشان می دهد که بخشی از متن در یک صفحه وب درج شده است. درون خطی
<isindex> یک کادر متنی تک خطی را برای اهداف جستجو تعیین کنید. منسوخ شده است
<kbd> تعیین کنید که بخشی از متن ورودی صفحه کلید باشد. درون خطی
<keygen> یک فیلد مولد جفت کلید را که در تگ‌های <form> استفاده می‌شود، تعیین کنید. HTML5
<label> برای موارد موجود در رابط کاربری برچسب ایجاد کنید.
<legend> یک عنوان برای عنصر <fieldset> تعیین کنید.
<li> یک مورد از لیست را تعیین کنید. بلوک
<link> یک پیوند بین یک صفحه وب و یک منبع خارجی ایجاد کنید. Head
<main> محتوای اصلی <body> یک سند را مشخص کنید که منحصر به آن صفحه است. بلوک
<map> با عنصر <area> برای تعیین نقشه تصویر سمت مشتری در یک صفحه وب استفاده می شود.
<mark> بخشی از متن را برجسته کنید. HTML5 / درون خطی
<marquee> بخشی از متن پیمایشی را مشخص می کند. بلوک
<menu> فهرستی از دستورات را تعیین کنید.
<menuitem> دستوری را تعیین کنید که کاربر بتواند از طریق یک منوی بازشو فراخوانی کند.
<meta> ارائه ابرداده در مورد یک صفحه وب. head
<meter> سنج با محدوده معین در یک صفحه وب. HTML5 / درون خطی
<nav> یک بلوک از پیوندهای ناوبری اصلی را تعیین کنید. HTML5 / بلوک
<nobr> برای تعیین اینکه بخشی از متن نباید به طور خودکار بسته شود استفاده شد. منسوخ شده است
<noframes> تگ پشتیبان برای مرورگرهایی که از عنصر <frame> پشتیبانی نمی‌کنند.
<noscript> در صورت خاموش بودن اسکریپت در مرورگر، بخشی از HTML را تعیین کنید تا درج شود. بلوک
<object> یک شی جاسازی شده در یک صفحه وب را تعیین کنید. بلوک
<ol> یک لیست مرتب شده تعیین کنید. بلوک
<optgroup> گزینه های مرتبط را در یک عنصر <datalist> یا <select> گروه بندی کنید.
<option> یک مورد را در عناصر <optgroup>، <datalist> یا <select> تعیین کنید.
<output> نشان دهنده نتیجه عمل یا یک محاسبه کاربر است. HTML5 / درون خطی
<p> یک پاراگراف تعیین کنید. بلوک
<param> با استفاده از عنصر <object>، پارامترهایی را برای افزونه های تعبیه شده در یک صفحه وب تعیین کنید.
<pre> تعیین متن از پیش فرمت شده. بلوک
<progress> نشان می دهد که یک کار چقدر پیشرفت کرده است. HTML5 / درون خطی
<q> مشخص کنید که متن ضمیمه شده یک نقل قول کوتاه است. درون خطی
<rp> پرانتزی تعیین کنید که نشان می دهد در مرورگرهایی که از حاشیه نویسی Ruby پشتیبانی نمی کنند چه چیزی نمایش داده شود. HTML5 درون / خطی
<rt> تلفظ یک کلمه یا کاراکتر آسیای شرقی را مشخص کنید. HTML5 / درون خطی
<ruby> یک حاشیه نویسی یاقوت در یک صفحه وب تعیین کنید. HTML5 / درون خطی
<s> یک خط خطی روی یک بخش از متن ایجاد کنید. درون خطی
<samp> خروجی نمونه را از رایانه تعیین کنید. درون خطی
<script> یک اسکریپت سمت سرویس گیرنده را در یک صفحه وب تعیین کنید. درون خطی
<section> محتوای مشابه از نظر موضوعی را با هم گروه بندی کنید. بلوک
<select> کنترلی را تعیین کنید که یک منوی کشویی از گزینه ها را ارائه دهد. درون خطی
<small> متنی را تعیین کنید که یک فونت کوچکتر باشد، به حداقل یک مرورگر خواهد بود. درون خطی
<source> منابع رسانه ای اضافی را برای عناصر <video> و <audio> تعیین کنید.
<span> به عنوان یک ظرف درون خطی برای گروه بندی یا عبارت بندی محتوا استفاده می شود. درون خطی
<strike> روی قسمتی از متن یک خط بکشید. درون خطی / منسوخ شده است
<strong> بخشی از متن را با اهمیت بسیار تعیین کنید. درون خطی
<style> ظاهر و موقعیت عناصر مختلف را در یک صفحه وب تغییر دهید. head
<sub> تعیین متن زیرنویس. درون خطی
<summary> یک عنوان برای عنصر <details> تعیین کنید.
<sup> متن بالا را تعیین کنید. درون خطی
<table> یک جدول ایجاد کنید. بلوک
<tbody> بخشی از جدول حاوی سلول های داده را مشخص کنید. جدول
<td> یک سلول در جدول تعیین کنید. جدول
<textarea> یک کنترل ویرایش متن ساده حاوی چندین خط تعیین کنید. درون خطی
<tfoot> مجموعه‌ای از ردیف‌ها را مشخص کنید که ستون‌های جدول را خلاصه می‌کنند. جدول
<th> سلولی را تعیین کنید که سربرگ گروهی از سلول‌های یک جدول باشد. جدول
<thead> مجموعه‌ای از ردیف‌ها را تعیین کنید که سر ستون‌ها را در جدول مشخص می‌کنند. جدول
<time> تاریخ و ساعتی را مشخص کنید که برای انسان قابل خواندن باشد. HTML5 / درون خطی
<title> عنوان صفحه را تعیین کنید. head
<tr> یک ردیف از سلول ها را در جدول تعیین کنید. جدول
<track> مسیرهای متنی را برای هر دو تگ <audio> و <video> تعیین کنید. HTML5
<tt> متن تله تایپ درون خطی را تعیین کنید. درون خطی
<u> بخشی از متن را مشخص کنید که باید زیر آن خط کشیده شود. درون خطی
<ul> یک لیست نامرتب تعیین کنید. بلوک
<var> یک متغیر تعیین کنید. درون خطی
<video> محتوای ویدیویی را در یک صفحه وب جاسازی کنید. HTML5 / درون خطی
<wbr> به مرورگر گزینه ای برای شکستن یک خط در یک بلوک متن می دهد. HTML5 / درون خطی
<xmp> تعیین کنید که متن یک نمونه HTML است. منسوخ شده است