تگهای HTML
آنچه در این مقاله میخوانید
Toggleتگهای HTML مانند کلمات کلیدی هستند که نحوه قالب بندی و نمایش محتوای مرورگر وب را تعریف می کنند. با کمک تگها ، یک مرورگر وب می تواند بین یک محتوای HTML و یک محتوای ساده تفاوت قائل شود. برچسب های HTML شامل سه قسمت اصلی هستند: تگ باز ، محتوا و تگ بسته. اما برخی از تگهای HTML تگهای بسته نشده هستند. مرورگر وب یک داکیومنت HTML را از بالا به پایین و چپ به راست می خواند. از تگهای HTML برای ایجاد داکیومت و ارائه خصوصیات آنها استفاده می شود. هر تگ HTML دارای خصوصیات مختلفی است. یک فایل HTML باید برچسب هایی را اساسا داشته باشد تا مرورگر بتواند تفاوت بین یک متن ساده و متن HTML را تشخیص دهد. شما می توانید به تعداد مورد نیاز کد خود، ازتگهای موردنیازتان استفاده کنید.
- همهی تگهای باید میان <> قرار گیرند.
- هر تگی در HTML کاربرد خاص خود را دارد.
- اگر از تگ باز <tag> استفاده کردید، باید حتما از تگ </tag> نیز استفاده کنید.(به استثنای بعضی از تگ ها)
سینتکس :
<tag> content </tag>
مثال:
نکته: تگهای HTML همواره درحروف کوچک نوشته میشوند. تگهای اصلی HTML در زیر آمده است:
تگهای HTML بسته نشده
بعضی از تگهای HTML بسته نشدهاند مانند br و hr
تگ <br>: این تگ که مخفف break line است، به خط بعدی میرود.
تگ <hr>: این تگ که مخفف Horizontal Rule است، برای قراردادن یک خط درسراسر صفحهی وب بکار میرود.
تگهای اضافه HTML
DOCTYPE, title, link, meta and style
تگهای متنی HTML
p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>,<blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> and <br
تگهای لینکی HTML
<a> و <base>
تگهای تصویری و شی HTML
<img>, <area>, <map>, <param> و <object>
لیست تگهای HTML
<ul>, <ol>, <li>, <dl>, <dt> و <dd>
تگهای جدولی HTML
table, tr, td, th, tbody, thead, tfoot, col, colgroup و caption
تگهای فرم HTML
form, input, textarea, select, option, optgroup, button, label, fieldset و legend
تگهای اسکریپتی HTML
اسکریپتی و غیر اسکریپتی
توجه: مثالهایی از این تگها را در قسمتهای بعد خواهیم دید.
لیست تگهای HTML
در ادامه در وبسایت تاتوره به معرفی تگهای HTML و توضیحات مختصری از هرکدام میپردازیم:
نام تگ | توضیحات |
---|---|
<!– –> | برای درج کامنت در یک فایل HTML |
<!DOCTYPE> | مشخص کردن نسخه HTML |
A | |
<a> | انکر تگ که از آن برای تولید هایپر لینک و لینک استفاده میشود. |
<abbr> | تعیین مخفف برای کلمه ایی طولانیتر |
<acronym> | تعریف سرنام برای کلمهایی ( در HTML5 ساپورت نشده است) |
<address> | اطلاعات مخاطب در آرتیکل HTML را تعریف میکند. |
<applet> | اپلت لایهگزینی شده در جاوا را تعریف میکند.(در HTML5 تعریف نشده است) |
<area> | ناحیه یک عکس در نقشه را مشخص میکند. |
<article> | محتوای کامل شده را تعریف میکند. |
<aside> | محتوایی جدا از محتوای اصلی را تعریف میکند که به طور عمده در قسمت سایدبار نمایش داده میشود. |
<audio> | برای قراردادن محتوای صوتی درفایل HTML |
B | |
<b> | برای بولدکردن یک متن |
<base> | تعریف URL پایه برای تمامی URLهای دیگر در فایل |
<basefont> | ایجاد فونت پیشفرض، سایز و رنگ تمامی المنتهای موجود در فایل |
<bdi> | برای جداسازی آن قسمت از متن که ممکن است در جهات مختلف از متن اطرافش قالب بندی شود ، استفاده می شود. |
<bdo> | برای بازنویسی متن فعلی |
<big> | برای بزرگتر کردن اندازه فونت از سطح محتوای اطراف آن استفاده می شود. (در HTML5 پشتیبانی نمی شود) |
<blockquote> | برای تعریف محتوایی که از منبع دیگری گرفته شده استفاده می شود. |
<body> | برای تعریف بخش اصلی یک داکیومنت HTML استفاده می شود. |
<br> | رفتن به خط بعدی |
<button> | برای تعریف یک دکمه برای کلیک |
C | |
<canvas> | برای تهیه فضای گرافیکی در یک وب داکیومنت استفاده می شود. |
<caption> | برای تعریف عنوان برای یک جدول استفاده می شود. |
<center> | برای ترازبندی محتوا در مرکز استفاده می شود. (در HTML5 پشتیبانی نمی شود) |
<cite> | برای تعریف عنوان اثر ، کتاب ، وب سایت و غیره استفاده می شود. |
<code> | برای نمایش بخشی از کد برنامه نویسی در یک داکیومنت HTML استفاده می شود. |
<col> | ستونی را در یک جدول تعریف می کند که ویژگی های مشترک ستون ها را نشان می دهد و با عنصر <colgroup> استفاده می شود. |
<colgroup> | برای تعریف گروه ستونها در یک جدول استفاده می شود. |
D | |
<data> | برای پیوند دادن محتوا با ترجمه خوانا توسط ماشین استفاده می شود. |
<datalist> | لیست برچسب های HTML برای تهیه یک لیست از پیش تعریف شده به عنوان اپشن ورودی |
<dd> | برای ارائه تعریف / توصیف یک اصطلاح در لیست توضیحات استفاده می شود. |
<del> | متنی را تعریف می کند که از داکیومنت حذف شده است |
<details> | فراهمکردن اطلاعات اضافی که کاربر یا میتواند آنرا نمایش دهد و یا پنهان کند. |
<dfn> | برای نشان دادن اصطلاحی استفاده می شود که در داخل یک جمله / عبارت تعریف شده است. |
<dialog> | فراهمکردن یک جعبه گفتوگو ویا مولفههای دیگر برای برقراری ارتباط |
<dir> | به عنوان یک ظرف برای فهرست پرونده ها استفاده می شود. (در HTML5 پشتیبانی نمی شود) |
<div> | تعریف یک بخش در یک داکیومنت HTML |
<dl> | برای ساختن لیست توصیفات |
<dt> | برای تعریف اصطلاحی در لیست توضیحات استفاده می شود. |
E | |
<em> | به منظور تاکید بر روی محتوایی که داخل المنت بکار رفته است |
<embed> | به عنوان ظرف تعبیه شده برای فایل خارجی / برنامه و غیره استفاده می شود. |
F | |
<fieldset> | برای گروه بندی المنتها و تگهای مرتبط در داخل فرم وب استفاده می شود. |
<figcaption> | برای افزودن زیرنویس یا توضیحات برای المنت <figure> استفاده می شود. |
<figure> | لیست تگهای HTML برای تعریف محتوای مستقل استفاده می شود و بیشتر به عنوان یک واحد ذکر می شود. |
<font> | برای تعریف سایز، فونت و رنگ محتوا (در HTML5 پشتیبانی نمی شود) |
<footer> | برای تعریف بخش فوتر در یک صفحه وب |
<form> | برای تعریف یک فرم HTML |
<frame> | یک منطقه خاص از صفحه وب را تعریف می کند که می تواند حاوی یک فایل HTML دیگر باشد.(در HTML5 پشتیبانی نمی شود) |
<frameset> | تعریف گروهی از فریمها (در HTML5 پشتیبانی نمی شود) |
H | |
<h1> to <h6> | تعیین هدینگ برای فایل HTML از سطح 1 تا سطح 6 |
<head> | هد یک بخش از فایل HTML را مشخص میکند. |
<header> | عنوان بخش یا صفحه وب را تعریف می کند. |
<hr> | برای اعمال فاصله بین المنتهای پاراگراف استفاده می شود. |
<html> | نشان دهنده ریشه یک فایل HTML |
I | |
<i> | ارائه یک متن به بیانی دیگر |
<iframe> | یک قاب درون خطی را تعریف می کند که می تواند محتوای دیگر را جاسازی کند. |
<img> | برای درج تصویر در یک داکیومنت HTML استفاده می شود. |
<input> | فیلد ورودی را در فرم HTML تعریف می کند. |
<ins> | متنی را نشان می دهد که در یک داکیومنت HTML درج شده است. |
<isindex> | برای نمایش رشته جستجو برای داکیومنت فعلی استفاده می شود. (در HTML5 پشتیبانی نمی شود) |
K | |
<kbd> | برای تعریف ورودی صفحه کلید استفاده می شود. |
L | |
<label> | یک برچسب متن برای قسمت ورودی فرم تعریف می کند |
<legend> | یک عنوان برای محتوای <fieldset> تعریف می کند |
<li> | برای نمایش موارد در لیست استفاده می شود. |
<link> | رابطه بین سند فعلی و یک منبع خارجی را نشان می دهد. |
M | |
<main> | محتوای اصلی یک داکیومنت HTML را نشان می دهد. |
<map> | تعریف یک نقشه تصویری را با مناطق فعال |
<mark> | متن هایلایتشده را نشان میدهد. |
<marquee> | برای درج متن پیمایشی یا تصویری به صورت افقی یا عمودی استفاده می شود. (در HTML5 پشتیبانی نمی شود) |
<menu> | برای ایجاد لیست دستورات در فهرست استفاده می شود. |
<meta> | داده اضافی در یک داکیومنت HTML را نشان میدهد. |
<meter> | اندازه گیری اسکالر را با دامنه شناخته شده یا مقدار کسری تعریف می کند. |
N | |
<nav> | نشان دهنده بخشی از صفحه برای نشان دادن لینکهای مسیریابی است. |
<noframes> | محتوای جایگزینی را برای نمایش در مرورگر فراهم می کند که از المنتهای <frame> پشتیبانی نمی کند. (در HTML5 پشتیبانی نمی شود) |
<noscript> | اگر نوع اسکریپت در مرورگر پشتیبانی نشود ، محتوای جایگزینی را ارائه می دهد. |
O | |
<object> | برای جاسازی یک شی در فایل HTML استفاده می شود. |
<ol> | لیستی مرتب از آیتمها را تعریف می کند. |
<optgroup> | برای گروه بندی گزینه های لیست کشویی استفاده می شود. |
<option> | برای تعریف گزینه ها یا آیتمها در یک لیست کشویی استفاده می شود. |
<output> | لیست تگهای HTML که می تواند نتیجه محاسبه را نشان دهد. |
P | |
<p> | نشان دهنده پاراگراف در یک فایل HTML |
<param> | تعریف پارامتر برای المنتها |
<picture> | تعریف یک ویا تعداد بیشتری منبع المنت |
<pre> | متن از قبل قالب بندی شده را در یک داکیومنت HTML تعریف می کند. |
<progress> | میزان پیشرفت یک تسک در یک فایل HTML |
Q | |
<q> | تعریف نقلقول کوتاه درون خطی |
R | |
<rp> | اگر مرورگر از حاشیه نویسی روبی پشتیبانی نکند ، محتوای جایگزینی را تعریف می کند. |
<rt> | تعریف توضیحات و تلفظ ها را در حاشیه نویسی روبی |
<ruby> | برای نشان دادن حاشیه نویسی روبی استفاده می شود. |
S | |
<s> | ارائه متنی که دیگر درست یا مرتبط نیست. |
<samp> | برای نمایش نمونه خروجی یک برنامه کامپیوتری استفاده می شود |
<script> | برای اعلام JavaScript در داکیومنت HTML استفاده می شود |
<section> | تعریف بخشی کلی برای یک داکیومنت |
<select> | فراهمکردن کنترلی برای منوی آپشنها |
<small> | برای کوچک کردن فونت متن از اندازه فونت پایه داکیومنت |
<source>> | تعریف رسانههای مختلف برای المنتهای مختلف یک رسانه نظیر <picture> ، <video> و <audio> |
<span> | برای سبکدهی و گروهبندی درون خطی استفاده می شود. |
<strike> | برای تحویل استرایک از متن استفاده می شود. (در HTML5 پشتیبانی نمی شود) |
<strong> | برای تعریف متنی مهم استفاده می شود. |
<style> | شامل اطلاعات سبکدهی برای یک داکیومنت HTML است. |
<sub> | تعریف متنی که به عنوان متن زیرنویس نمایش داده می شود. |
<summary> | فراهمکردن خلاصهایی که میتواند با تگ <details> استفاده شود. |
<sup> | تعریف متنی که از آن به عنوان متن بالانوشت یاد میشود. |
<svg> | به مانند ظرفی برای SVG (نمودارهای برداری مقیاس پذیر) استفاده می شود. |
T | |
<table> | برای ارائه داده ها به شکل جدول یا ایجاد جدول در داکیومنت HTML استفاده می شود. |
<tbody> | محتوای یک جدول HTML را نشان می دهد و همراه با <thead> و <tfoot> استفاده می شود. |
<td> | برای تعریف سلولهای یک جدول HTML که شامل داده های جدول است استفاده می شود |
<template> | شامل محتوای سمت مشتری است که در زمان بارگذاری صفحه نمایش داده نمی شود و ممکن است بعداً با استفاده از JavaScript ارائه شود. |
<textarea> | برای تعریف ورودی چند خطی مانند نظر ، بازخورد و بررسی و غیره استفاده می شود. |
<tfoot> | محتوای پاورقی جدول HTML را تعریف می کند. |
<th> | سلول هد در جدول HTML را تعریف می کند. |
<thead> | عنوان یک جدول HTML را تعریف می کند. همراه با تگهای <tbody> و <tfoot> استفاده می شود. |
<time> | لیست تگهای HTML برای تعریف داده / زمان در یک داکیومنت HTML استفاده می شود. |
<title> | عنوان یا نام یک داکیومنت HTML را تعریف می کند. |
<tr> | سلولهای سطر را در یک جدول HTML تعریف می کند |
<track> | برای تعریف آهنگ های متنی برای المنتهای <audio> و <video> استفاده می شود. |
<tt> | برای تعریف متن teletype استفاده می شود. (در HTML5 پشتیبانی نمی شود) |
U | |
<u> | برای ارائه متن محصور با یک زیرخط (underline) استفاده می شود. |
<ul> | لیست مرتبنشده آیتم را تعریف می کند. |
V | |
<var> | نام متغیری است که در زمینه های ریاضی یا برنامه نویسی استفاده می شود. |
<video> | لیست تگهای HTML برای جاسازی محتوای ویدیویی با یک داکیومنت HTML استفاده می شود |
W | |
<wbr> | موقعیتی را در متن تعریف می کند که خط شکست (break line) ممکن باشد. |
دیدگاهتان را بنویسید
برای نوشتن دیدگاه باید وارد بشوید.