عنصر اچ تی ام ال HTML (Hypertext Markup Language) یک زبان نشانه گذاری است که توسط مرورگرهای وب برای تفسیر و ایجاد متن، تصاویر و سایر محتواها در صفحات وب بصری یا صوتی استفاده می شود. هدف از تگ های HTML ایجاد یک صفحه وب برای مرورگرهای وب است. این المان می تواند توسط فناوری هایی مانند Cascading Style Sheets (CSS) و زبان های برنامه نویسی مانند JavaScript پشتیبانی شود. HTML در سال 1980 توسط تیم بارنرز لی اختراع شد. همانطور که از عنوان نشان می دهد، این مقاله به شما یک درک اساسی از HTML و اهداف آن ارائه می دهد.
در همین حال، راهنمای جامع برچسب‌های HTML ممکن است به شما کمک کند درباره هر تگ HTML از a تا xmp اطلاعات کاملی بدست آورید.
هر مرجع تگ اطلاعات پس زمینه و همچنین نمونه هایی از نحوه استفاده از تگ مورد نظر را ارائه می دهد. این برای عیب یابی در هنگام ایجاد HTML ایده آل است. ریشه یک سند HTML با تگ نشان داده می شود. به جز تگ
<!DOCTYPE>
تگ به عنوان یک محفظه برای سایر عناصر HTML عمل می کند. تگ‌های HTML را می‌توان به دسته‌های اساسی مانند تگ‌های ریشه اصلی HTML، تگ های قالب‌بندی، تگ‌های صوتی و تصویری، تگ‌های فرم و ورودی، تگ‌های فریم، تگ های لینک، تگ های فهرست، تگ‌های جدول، تگ‌های سبک، تگ‌های متا و غیره طبقه‌بندی کرد.
10 تگ اصلی HTML و تعاریف آنها
- تگ !DOCTYPE: تگ پایه HTML نوع سند را مشخص می کند.
- تگ HTML: سند HTML را مشخص می کند.
- تگ head: تگ پایه HTML حاوی ابرداده/اطلاعات سند است.
- تگ title: تگ پایه HTML عنوانی را برای سند مشخص می کند.
- تگ body: تگ پایه HTML بدنه سند را مشخص می کند.
- تگ h1 تا h6: تگ پایه HTML سرفصل های HTML را مشخص می کند.
- تگ p: تگ پایه HTML یک پاراگراف را مشخص می کند.
- تگ br: تگ پایه HTML یک شکست خط را وارد می کند.
- تگ hr: تگ پایه HTML تغییر موضوعی در محتوا را مشخص می کند.
- تگ !–…–: تگ پایه HTML یک کامنت یا دیگاه را مشخص می کند.
تگ های HTML بر اساس حروف الفبا
تگ های HTML یک نقطه شروع عالی برای یادگیری توسعه وب هستند. تگ HTML یک کلمه کلیدی خاص است که با براکت های تیز < and > محصور شده است، مانند: تگ body . تگ ها تقریباً همیشه به صورت جفت می آیند، یکی در ابتدا و دیگری در پایان. در زیر تگ های HTML زیر به ترتیب حروف الفبا و تعاریف آنها فهرست شده است.
- تگ !–…–: تگ HTML کامنت ها را مشخص می کند.
- تگ !DOCTYPE: تگ HTML نوع سند را مشخص می کند.
- تگ a: تگ HTML هاپرلینک را مشخص می کند.
- تگ abbr: تگ HTML مخفف یا مخفف آن را مشخص می کند.
- تگ acronym: تگ HTML همچنین یک مخفف را مشخص می کند اما در HTML5 پشتیبانی نمی شود.
- تگ address: تگ HTML اطلاعات تماس نویسنده/مالک یک سند را مشخص می کند.
- تگ applet: تگ HTML یک اپلت جاسازی شده را مشخص می کند اما این تگ HTML در HTML5 پشتیبانی نمی شود.
- تگ area: تگ HTML ناحیه ای را در داخل نقشه تصویر مشخص می کند.
- تگ article: تگ HTML یک مقاله را مشخص می کند.
- تگ aside: تگ HTML محتوا را جدا از محتوای صفحه مشخص می کند.
- تگ audio: تگ HTML محتوای صوتی تعبیه شده را مشخص می کند.
- b: تگ HTML متن پررنگ را مشخص می کند.
- base: تگ HTML URL/هدف اصلی را برای همه URL های مرتبط در یک سند مشخص می کند.
- basefont: تگ HTML یک رنگ، اندازه و فونت پیش‌فرض را برای تمام متن در یک سند مشخص می‌کند، اما این تگ HTML در HTML5 پشتیبانی نمی‌شود. به جای آن از CSS استفاده کنید.
- bdi: تگ HTML بخشی از متن را جدا می کند که ممکن است در جهتی متفاوت از سایر متن های خارج از آن قالب بندی شود
- bdo: تگ HTML جهت متن فعلی را لغو می کند.
- big: تگ HTML متن بزرگ را مشخص می کند اما این تگ HTML در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید
- blockquote: تگ HTML بخشی را مشخص می کند که از منبع دیگری نقل شده است.
- body: تگ HTML بدنه سند را مشخص می کند.
- br: تگ HTML یک شکست خط را مشخص می کند.
- button: تگ HTML یک دکمه قابل کلیک را مشخص می کند.
- canvas: تگ HTML اغلب برای ترسیم گرافیک، از طریق اسکریپت جاوا اسکریپت استفاده می شود.
- caption: تگ HTML یک عنوان جدول را مشخص می کند.
- center: تگ HTML متن مرکزی را مشخص می کند، اما این تگ HTML در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید.
- cite: تگ HTML عنوان یک اثر را مشخص می کند.
- code: تگ HTML قطعه ای از کد کامپیوتر را مشخص می کند.
- col: تگ HTML ویژگی های ستون را برای هر ستون در یک عنصر colgroup مشخص می کند.
- colgroup: گروهی از یک یا چند ستون در جدول را برای قالب بندی مشخص می کند.
- data: یک ترجمه قابل خواندن توسط ماشین از یک محتوای داده شده اضافه می کند.
- datalist: لیستی از گزینه های از پیش تعریف شده برای کنترل های ورودی را مشخص می کند.
- dd: توصیف/مقدار یک عبارت را در لیست توضیحات مشخص می کند.
- details: جزئیات اضافی را که کاربر می تواند مشاهده یا پنهان کند را مشخص می کند.
- dfn: اصطلاحی را مشخص می کند که قرار است در محتوا تعریف شود.
- dialog: تگ HTML کادر گفتگو یا پنجره را مشخص می کند.
- dir: لیست دایرکتوری را مشخص می کند، اما در HTML5 پشتیبانی نمی شود.
- div: بخش را در یک سند مشخص می کند.
- dl: لیست توضیحات را مشخص می کند.
- dt: عبارت/نام را در لیست توضیحات مشخص می کند.
- em: متن تاکید شده را مشخص می کند.
- embed: کانتینر را برای یک برنامه خارجی مشخص می کند.
- fieldset: یک گروه عناصر مرتبط در یک فرم است.
- figcaption: یک کپشن را برای المان figure مشخص می کند.
- figure: محتوای مستقل font را مشخص می کند اما در HTML5 پشتیبانی نمی شود.
- footer: تگ HTML پاورقی را برای یک سند یا بخش مشخص می کند.
- form: یک فرم HTML را برای ورودی کاربر مشخص می کند.
- frame: یک پنجره (فریم) را در یک مجموعه فریم مشخص می کند اما در HTML5 پشتیبانی نمی شود.
- frameset: تگ مجموعه ای از فریم ها را مشخص می کند.
- تگ h1 تا h6: تگ پایه HTML سرفصل های HTML را مشخص می کند.
- تگ head: تگ پایه HTML حاوی ابرداده/اطلاعات سند است.
- header: هدر یک سند یا بخش را مشخص می کند.
- hr: تغییر موضوعی در محتوا را مشخص می کند.
- html: ریشه یک سند HTML را مشخص می کند.
- تگ i: بخشی از متن را با صدا یا حالت متناوب مشخص می کند.
- iframe: یک قاب درون خطی را مشخص می کند
- img: یک تصویر را مشخص می کند.
- input: یک کنترل ورودی را مشخص می کند.
- ins: متنی را مشخص می کند که در یک سند درج شده است.
- kbd: ورودی صفحه کلید را مشخص می کند.
- label: برچسب عنصر input را مشخص می کند.
- legend: یک عنوان برای عنصر fieldset مشخص می کند.
- li: یک آیتم لیست را مشخص می کند.
- link: رابطه بین یک سند و یک منبع خارجی (بیشتر برای پیوند دادن به شیوه نامه ها) را مشخص می کند.
- main: محتوای اصلی یک سند را مشخص می کند.
- map: یک نقشه تصویری را مشخص می کند.
- mark: متن علامت گذاری شده/برجسته شده را مشخص می کند.
- meta: متا دیتا یک سند HTML را مشخص می کند.
- meter: یک اندازه گیری اسکالر را در یک محدوده شناخته شده (یک سنج) مشخص می کند.
- nav: لینک های ناوبری را مشخص می کند.
- noframes: یک محتوای جایگزین برای کاربرانی که از فریم ها پشتیبانی نمی کنند مشخص می کند، اما در HTML5 پشتیبانی نمی شود.
- noscript: یک محتوای جایگزین را برای کاربرانی که از اسکریپت های سمت سرویس گیرنده پشتیبانی نمی کنند، مشخص می کند.
- object: یک دربرگیرنده را برای یک برنامه خارجی مشخص می کند.
- ol: یک لیست مرتب شده را مشخص می کند.
- optgroup: گروهی از گزینه های مرتبط را در یک لیست کشویی مشخص می کند..
- option: یک گزینه را در یک لیست کشویی مشخص می کند
- output: نتیجه یک محاسبه را مشخص می کند.
- تگ p: تگ HTML که یک پاراگراف را مشخص می کند.
- param: یک پارامتر برای یک شی مشخص می کند.
- picture: یک کانتینر برای چندین منبع تصویر مشخص می کند.
- pre: متن از پیش فرمت شده را مشخص می کند.
- progress: نشان دهنده پیشرفت یک کار است.
- q: یک نقل قول کوتاه را مشخص می کند.
- rp: مشخص می کند چه چیزی در مرورگرهایی که از حاشیه نویسی روبی پشتیبانی نمی کنند نشان داده شود.
- rt: توضیح/تلفظ کاراکترها (برای تایپوگرافی آسیای شرقی) را مشخص می کند.
- ruby: حاشیه نویسی ruby (برای تایپوگرافی آسیای شرقی) را مشخص می کند.
- s: متنی را مشخص می کند که دیگر صحیح نیست.
- samp: خروجی نمونه از یک برنامه کامپیوتری را مشخص می کند.
- script: یک اسکریپت سمت سرویس کلاینت را مشخص می کند.
- section: یک بخش را در یک سند مشخص می کند.
- select: یک لیست کشویی را مشخص می کند.
- small: متن کوچکتر را مشخص می کند.
- source: منابع رسانه ای متعدد را برای عناصر رسانه مشخص می کند (video و audio)
- span: یک بخش را در یک سند مشخص می کند.
- strike: متن خط خطی را مشخص می کند، اما این تگ HTML در HTML5 پشتیبانی نمی شود.
- strong: متن مهم را مشخص می کند.
- style: اطلاعات استایل را برای یک سند مشخص می کند.
- sub: متن زیرنویس شده را مشخص می کند.
- summary: عنوان قابل مشاهده برای عنصر details را مشخص می کند.
- sup: متن روی نوشته را مشخص می کند.
- svg: یک container برای گرافیک SVG مشخص می کند.
- table: یک جدول را مشخص می کند.
- tbody: محتوای بدنه را در یک جدول گروه بندی می کند.
- td: یک سلول در جدول را مشخص می کند.
- template: کانتینری را برای محتوا مشخص می کند که هنگام بارگیری صفحه باید پنهان شود.
- textarea: یک کنترل ورودی چند خطی (منطقه متن) را مشخص می کند.
- tfoot: محتوای فوتر را در یک جدول گروه بندی می کند.
- th: یک سلول هدر در جدول را مشخص می کند.
- thead: تگ محتوای هدر را در جدول گروه بندی می کند.
- time: زمان خاص (یا تاریخ) را مشخص می کند.
- title: عنوانی را برای سند مشخص می کند.
- tr: یک ردیف را در جدول مشخص می کند.
- تگ track: تگ HTML مسیرهای متنی را برای عناصر رسانه مشخص می کند.
- tt: متن teletype را مشخص می کند اما در HTML5 پشتیبانی نمی شود.
- u: متنی را مشخص می کند که بیان نشده و سبک متفاوت از متن معمولی است.
- ul: یک لیست نامرتب را مشخص می کند.
- var: تگ متغیر را مشخص می کند.
- video: محتوای ویدئویی تعبیه شده را مشخص می کند.
- wbr: شکست خط احتمالی را مشخص می کند.
