آموزش طراحی سایت (HTML CSS Javascript) | آتریا

آموزش html

مثال (تگ font در HTML)

تعیین font size ،font face و color برای یک متن:

خودتان امتحان کنید

تعریف و کاربرد تگ font در HTML

تگ <font> در HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.

تگ <font> مشخص کننده font face ،font size و color برای یک متن است.

پشتیبانی مرورگرها از تگ font در HTML

عنصر
<font>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

تگ <font> در HTML5 پشتیبانی نمی شود.

خودتان امتحان کنید - مثال

مثال CSS: نحوه تنظیم رنگ متن

مثال CSS: نحوه تنظیم فونت متن

مثال CSS: نحوه تنظیم سایز فونت

مطالعه بیشتر درباره: آموزش CSS-استایل دهی فونت و آموزش CSS-استایل دهی متن .

خصوصیت های اختیاری

خصوصیت	مقدار	توضیحات
color	rgb(x,x,x) #xxxxxx colorname	در HTML5 پشتیبانی نمی شود. مشخص کننده color در یک متن
face	font_family	در HTML5 پشتیبانی نمی شود. مشخص کننده font در یک متن
size	number	در HTML5 پشتیبانی نمی شود. مشخص کننده size در یک متن

تگ footer در HTML

مثال (تگ footer در HTML)
یک پانویس در بخشی از یک سند:
<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: <a href="mailto:این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید">
این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید</a>.</p>
</footer>

خودتان امتحان کنید »
تعریف و کاربرد تگ footer در HTML
تگ <footer> یک پانویس برای یک سند یا یک بخش تعریف می کند.
تگ <footer> باید شامل اطلاعاتی مربوط به عنصر حاوی اش باشد.
تگ <footer> به طور معمول شامل نام نویسنده سند، کپی رایت، لینک ها به واژه های مورد استفاده، اطلاعات تماس، و... می باشد.
شما می توانید چندین عنصر <footer> در یک سند داشته باشید.
پشتیبانی مرورگرها از تگ footer در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

عنصر

<footer> 6.0 9.0 4.0 5.0 11.1

تفاوت بین HTML 4.01 و HTML5
تگ <footer> یک تگ جدید در HTML5 است.
نکته ها و ترفندها
نکته: اطلاعات مربوط به تماس داخل تگ <footer>، باید داخل عنصر <address> قرار گیرد.
ویژگی های عمومی تگ footer در HTML
تگ <footer> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ footer در HTML
تگ <footer> از رویدادهای عمومی در HTML پشتیبانی می کند.

عنصر
<footer>	6.0	9.0	4.0	5.0	11.1

مثال (تگ form در HTML)

یک فرم HTML با دو فیلد input و یک دکمه submit:

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

خودتان امتحان کنید »

شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.

تعریف و کاربرد تگ form در HTML

تگ <form> به منظور ایجاد یک فرم HTML، برای دریافت ورودی از سمت کاربر استفاده می شود.

تگ <form> می تواند یک یا چند عنصر از عناصر فرم زیر را شامل شود:

پشتیبانی مرورگرها از تگ form در HTML

عنصر
<form>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

ویژگی های جدیدی در HTML5 اضافه شده که شامل: autocomplete و novalidate و یک ویژگی از آن حذف شده که شامل: accept است.

تفاوت بین HTML و XHTML

در XHTML، صفت name استفاده نمی شود. به جای آن از ویژگی عمومی یعنی Id استفاده می کنیم.

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
accept	file_type	در HTML5 پشتیبانی نمی شود. مشخص کننده یک لیست از مجموعه قابل قبول از فایل هایی که سرور می پذیرد (این فایل ها می توانند از طریق آپلود فایل، ارسال شوند).
accept-charset	character_set	کد کردن کاراکترها که برای ارسال فرم ها به کار می رود را مشخص می کند.
action	URL	مشخص می کند هنگام ارسال فرم، داده های فرم به کجا فرستاده شوند.
autocomplete	on off	مشخص می کند که قابلیت autocomplete فعال باشد یا خیر.
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	مشخص می کند هنگام ارسال فرم به سرور داده های فرم چگونه باید رمز گذاری شود (تنها برای زمانی که متد ارسال "post" باشد).
method	get post	مشخص می کند که از چه متد HTTP در هنگام ارسال داده های فرم استفاده کنیم.
name	text	مشخص کننده یک name برای فرم است.
novalidate	novalidate	مشخص می کند به هنگام ارسال احتیاجی نیست فرم اعتبار سنجی شود.
target	_blank _self _parent _top	مشخص می کند پس از ارسال فرم به سرور، پاسخ دریافت شده در کجا نمایش داده شود. (در صفحه جاری یا یک صفحه جدید و...)

ویژگی های عمومی تگ form در HTML

تگ <form> از ویژگی های عمومی در HTML پشتیبانی می کند.

رویدادهای عمومی تگ form در HTML

تگ <form> از رویدادهای عمومی در HTML پشتیبانی می کند.

خودتان امتحان کنید - مثال

Form with checkboxes
چگونه یک فرم با دو checkbox و یک دکمه submit ایجاد کنیم.

Form with radiobuttons
چگونه یک فرم با دو radio button و یک دکمه submit ایجاد کنیم.

آموزش های مرتبط

آموزش HTML-فرم ها

مرجع اشیاء اچ تی ام ال: تگ form در JavaScript

مثال (تگ frame در HTML)

یک صفحه ساده با سه frame:

خودتان امتحان کنید »

شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.

تعریف و کاربرد تگ frame در HTML

تگ <frame> در HTML5 پشتیبانی نمی شود.

تگ <frame> یک پنجره خاص (قاب) را در یک <frameset> تعریف می کند.

هر <frame> داخل <frameset> می تواند ویژگی های مختلفی از جمله: border ،scrolling و ability to resize (قابلیت تغییر سایز) و... داشته باشد.

نکته: اگر می خواهید یک صفحه حاوی frames، را Validate (اعتبار) کنید لازم است که <DOCTYPE> به یکی از دو حالت "HTML Frameset DTD" یا "XHTML Frameset DTD" تنظیم شده باشد.

پشتیبانی مرورگرها از تگ frame در HTML

عنصر
<frame>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

تگ <frame> در HTML5 پشتیبانی نمی شود.

Differences Between HTML and XHTML

در HTML، تگ <frame> تگ پایانی ندارد. در XHTML، تگ <frame> باید با یک تگ پایانی بسته شود.

خصوصیت های اختیاری

خصوصیت	مقدار	توضیحات
frameborder	0 1	در HTML5 پشتیبانی نمی شود. مشخص می کند که border اطراف frame نمایش داده شود یا نه.
longdesc	URL	در HTML5 پشتیبانی نمی شود. مشخص کننده آدرس صفحه ای حاوی توضیحات کامل در را بطه با محتویات frame
marginheight	pixels	درHTML5 پشتیبانی نمی شود. مشخص کننده حاشیه بالا یا پایین برای frame
marginwidth	pixels	در HTML5 پشتیبانی نمی شود. مشخص کننده حاشیه چپ یا راست برای frame
name	text	درHTML5 پشتیبانی نمی شود. مشخص کننده یک name برای frame
noresize	noresize	در HTML5 پشتیبانی نمی شود مشخص می کند که frame قابلیت resizable ( تغییر سایز) را ندارد.
scrolling	yes no auto	در HTML5 پشتیبانی نمی شود. مشخص می کند که scrollbars در frame نمایش داده شود یا خیر.
src	URL	در HTML5 پشتیبانی نمی شود. مشخص کننده URL یک سندی که در frame نمایش داده می شود.

خودتان امتحان کنید - مثال

Horizontal frameset
چگونه یک frameset افقی با سه سند متفاوت ایجاد کنیم.

Mixed frameset
چگونه از frameset برای سه documents استفاده کنیم و چگونه آنها در سطر و ستون میکس کنیم.

Frameset with noresize="noresize"
چگونه از ویژگی "noresize" استفاده کنیم و همچنین border بین فریم A و B قابل اندازه بندی مجدد نیست.

مثال (تگ frameset در HTML)

یک صفحه ساده با سه frame:

خودتان امتحان کنید »

در انتهای این مطلب، مثال های بیشتری آورده شده است.

تعریف و کاربرد تگ frameset در HTML

تگ <frameset> در HTML5 پشتیبانی نمی شود.

تگ <frameset> یک قاب را تعریف می کند.

تگ <frameset> یک یا چند عنصر <frame> را شامل می شود. هر عنصر <frame> می تواند حاوی سندی جداگانه باشد.

تگ <frameset> مشخص می کند که چه تعداد ستون یا ردیف باید در قاب قرار گیرد، هر کدام چند درصد / پیکسل از فضا را اشغال کند.

پشتیبانی مرورگرها از تگ frameset در HTML

عنصر
<frameset>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

تگ <frameset> در HTML5 پشتیبانی نمی شود.

Differences Between HTML and XHTML

تفاوتی وجود ندارد.

خصوصیت های اختیاری

خصوصیت	مقدار	توضیحات
cols	pixels % *	در HTML5 پشتیبانی نمی شود. مشخص کننده تعداد و سایز ستون های موجود در frameset است.
rows	pixels % *	درHTML5 پشتیبانی نمی شود. مشخص کننده تعداد و سایز سطرهای موجود در frameset است.

خودتان امتحان کنید - مثال

Horizontal frameset
چگونه یک frameset افقی با سه سند متفاوت ایجاد کنیم.

Mixed frameset
چگونه از frameset برای سه documents استفاده کنیم و چگونه آنها در سطر و ستون میکس کنیم.

Frameset with noresize="noresize"
چگونه از ویژگی "noresize" استفاده کنیم و همچنین border بین فریم A و B قابل اندازه بندی مجدد نیست.

مثال (تگ head در HTML)

یک سند HTML، با یک تگ <title> مورد نیاز در head:

<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

خودتان امتحان کنید »

در انتهای این مطلب، مثال های بیشتری آورده شده است.

تعریف و کاربرد تگ head در HTML

تگ <head> یک ظرف برای همه عناصر عنوان است.

تگ <head> باید شامل یک title برای سند باشد و می تواند شامل script ها باشد، مرورگر را به مکانی هدایت کند که style sheet ها رابیابد، اطلاعات meta را ارائه کند و غیره..

عناصر زیر می توانند در داخل <head> قرار گیرند:

<title > (این عنصر در بخش head لازم است)
<style >
<base >
<link >
<meta>
<script >
<noscript >

پشتیبانی مرورگرها از تگ head در HTML

عنصر
<head>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

صفت profile در HTML5 پشتیبانی نمی شود.

خصوصیت ها

خصوصیت	مقدار	توضیحات
profile	URL	در HTML5 پشتیبانی نمی شود. یک URL برای سندی که شامل مجموعه ای از قوانین است را مشخص می کند. این قوانین می توانند توسط مرورگرها قابل خواندن باشند تا به روشنی اطلاعات موجود در صفت content در تگ <meta> را درک کنند.

ویژگی های عمومی تگ head در HTML

تگ <head> از ویژگی های عمومی در HTMLپشتیبانی می کند.

خودتان امتحان کنید - مثال

Use of the <base> tag in <head>
نحوه استفاده از تگ <base> در داخل تگ <head> برای اینکه معین کنیم تمام لینک های یک صفحه در یک پنجره جدید باز شوند.

Use of the <style> tag in <head>
چگونگی اضافه کردن اطلاعات style به تگ <head>.

Use of the <link> tag in <head>
چگونگی استفاده از تگ <link> برای لینک کردن به CSS خارجی.

آموزش های مرتبط

آموزش HTML-بخش Head

تنظیمات پیش فرض CSS

بیشتر مرورگرها عنصر <head> را با مقادیر پیش فرض زیر نشان می دهند:

head {
display: none;
}

تگ header در HTML

مثال (تگ header در HTML)
یک هدر برای تگ <article>:
<article>
<header>
    <h1>Internet Explorer 9</h1>
    <p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p>Windows Internet Explorer 9 (abbreviated as IE9) was released to
the public on March 14, 2011 at 21:00 PDT.....</p>
</article>

خودتان امتحان کنید »
تعریف و کاربرد تگ header در HTML
تگ <header> به یک بخش یا سند، یک هدر اختصاص می دهد.
تگ <header> باید به عنوان یک ظرف برای محتوای مقدماتی و یا مجموعه ای از لینک های navigation استفاده شود.
شما می توانید در یک سند چندین عنصر <header> داشته باشید.
نکته: یک تگ <header> را نمی توان داخل <footer> و <address> یا عناصر <header> دیگر قرار داد.
پشتیبانی مرورگرها از تگ header در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

عنصر

<header> 6.0 9.0 4.0 5.0 11.1

تفاوت بین HTML 4.01 و HTML5
تگ <header> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ header در HTML
تگ <header> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ header در HTML
تگ <header> از رویدادهای عمومی در HTMLپشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <header> را با مقادیر پیش فرض زیر نشان می دهند:
header {
    display: block;
}

عنصر
<header>	6.0	9.0	4.0	5.0	11.1

مثال (تگ hr در HTML)

استفاده از تگ <hr> برای یک تغییر موضوعی در محتوا:

<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>

<hr>

<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>

خودتان امتحان کنید »

تعریف و کاربرد تگ hr در HTML

تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود (مانند تغییر موضوع).

تگ <hr> برای جدا کردن محتوا (و یا تعریف یک تغییر) در یک صفحه HTML استفاده می شود.

پشتیبانی مرورگرها از تگ hr در HTML

عنصر
<hr>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

در HTML5، تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود.

در HTML 4.01، تگ <hr> نشان دهنده یک خط افقی است.

به هر حال ممکن است تگ <hr> هنوز هم به عنوان یک خط افقی در مرورگرهای بصری نمایش داده شود، اما در حال حاضر از لحاظ معنایی تعریف می شود نه از لحاظ نمایشی.

تمام ویژگی های طرح در HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.

تفاوت بین HTML و XHTML

در HTML، تگ <hr> تگ پایانی ندارد.

در XHTML، تگ <hr> با یک تگ پایانی بسته می شود، مانند: <hr />.

خصوصیت ها

خصوصیت	مقدار	توضیحات
align	left center right	در HTML5 پشتیبانی نمی شود. جهت قرارگیری عنصر <hr> را مشخص می کند.
noshade	noshade	در HTML5 پشتیبانی نمی شود. مشخص می کند که عنصر <hr> در یک رنگ ساده نمایش داده شود. (بدون سایه)
size	pixels	در HTML5 پشتیبانی نمی شود. ارتفاع عنصر <hr> را مشخص می کند
width	pixels %	در HTML5 پشتیبانی نمی شود. عرض عنصر <hr> را مشخص می کند.

ویژگی های عمومی تگ hr در HTML

تگ <hr> از ویژگی های عمومی در HTML پشتیبانی می کند.

رویدادهای عمومی تگ hr در HTML

تگ <hr> از رویدادهای عمومی در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

بیشتر مرورگرها عنصر <hr> را با مقادیر پیش فرض زیر نشان می دهند:

hr {
display: block;
    margin-top: 0.5em;
margin-bottom: 0.5em;
    margin-left: auto;
margin-right: auto;
    border-style: inset;
border-width: 1px;
}

مثال (تگ html در HTML)

یک مثال ساده از سند HTML5:

<!DOCTYPE HTML>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

خودتان امتحان کنید »

تعریف و کاربرد تگ html در HTML

تگ <html> به مرورگر می گوید که این سند یک سند HTMLاست.

تگ <html> ریشه یک سند HTML را نمایش می دهد.

تگ <html> ظرفی برای تمام عناصر HTML است. (به غیر از اعلان <DOCTYPE> )

پشتیبانی مرورگرها از تگ html در HTML

عنصر
<html>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

در HTML5 صفت جدید manifest اضافه شده است.

تفاوت بین HTML و XHTML

خصوصیت xmlns در XHTML لازم است، اما در HTML معتبر نیست.

با این حال اعتبارسنج HTML در http://w3.org نسبت به از قلم انداختن xmlns ها در اسناد XHTML شکایتی نمی کند، زیرا فضای نام xmlns=http://www.w3.org/1999/xhtml به طور پیش فرض (حتی اگر شما آن را اضافه نکرده باشید) به تگ <html> اضافه خواهد شد.

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
manifest	URL	آدرس ذخیره سند را جهت نمایش مشخص می کند. (برای مرورگرهای آنلاین )
xmlns	http://www.w3.org/1999/xhtml	فضای نام صفت XML را مشخص می کند. (اگر شما بخواهید مطالب مطابق XHTML باشد)

ویژگی های عمومی تگ html در HTML

تگ <html> از ویژگی های عمومی در HTML پشتیبانی می کند.

تگ img در HTML

مثال (تگ img در HTML)

چگونگی وارد کردن یک تصویر:

خودتان امتحان کنید »

در انتهای این آموزش، مثال های بیشتری آورده شده است.

تعریف و کاربرد تگ img در HTML

تگ <img> یک تصویر در صفحه HTML تعریف می کند.

تگ <img> دو خصوصیت الزامی دارد که شامل: src و alt است.

نکته: از لحاظ فنی تصاویر داخل سند HTMLقرار داده نمی شوند، بلکه تصاویر به سند HTML لینک می شوند. تگ <img> فضایی برای نمایش تصویر ایجاد می کند.

نکته: برای لینک کردن یک تصویر به آسانی می توان تگ <img> را در تگ <a> قرار داد.

پشتیبانی مرورگرها از تگ img در HTML

عنصر
<img>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

خصوصیت های: align ،border ،hspace ،longdesc و vspace در HTML5 پشتیبانی نمی شود.

تفاوت بین HTML و XHTML

در HTML تگ <img> تگ پایانی ندارد.

در XHTML تگ <img> باید با یک تگ پایانی بسته شوند.

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
align	top bottom middle left right	در HTML5 پشتیبانی نمی شود. نحوه تراز بندی <img> نسبت به عناصر اطراف را مشخص می کند.
alt	text	خصوصیت alt یک alternate text یا "متن جایگزین" را برای یک تصویر مشخص می کند.
border	pixels	در HTML5 پشتیبانی نمی شود. ضخامت (border) اطراف عکس را مشخص می کند.
crossorigin	anonymous use-credentials	اجازه می دهد با استفاده از canvas که تصاویری که متعلق به سایت های سوم شخص است و اجازه دسترسی متقابل به مبدا را می دهند، نمایش داده شود.
height	pixels	برای مشخص کردن طول یک عکس استفاده می شود.
hspace	pixels	در HTML5 پشتیبانی نمی شود. فضای خالی طرف راست و چپ تصویر را مشخص می کند.
ismap	ismap	تصویر را به عنوان یک image-map سمت سرور مشخص می کند.
longdesc	URL	در HTML5 پشتیبانی نمی شود. مسیر فایلی که اطلاعات کاملی در رابطه با عکس مورد نظر نگهداری می کند را مشخص می کند.
src	URL	URL تصویر را مشخص می کند.
usemap	#mapname	یک تصویر را به عنوان یک image-map سمت کاربر مشخص می کند.
vspace	pixels	در HTML5 پشتیبانی نمی شود. فضای خالی بالا و پایین یک تصویر را مشخص می کند.
width	pixels	برای مشخص کردن عرض یک عکس استفاده می شود.

ویژگی های عمومی تگ img در HTML

تگ <img> از ویژگی های عمومی در HTML پشتیبانی می کند..

رویدادهای عمومی تگ img در HTML

تگ <img> از رویدادهای عمومی در HTML پشتیبانی می کند.

خودتان امتحان کنید - مثال

Insert images from different locations
نحوه درج تصویر از پوشه ای دیگر یا از سروری دیگر.

Make a hyperlink of an image
چگونه از یک تصویر به عنوان لینک استفاده کنیم.

Create an image map
چگونه یک image map با ناحیه بندی متفاوت ایجاد کنیم که با کلیک روی هر ناحیه یک لینک اجرا شود.

آموزش های مرتبط

آموزش HTML-تصاویر

مرجع اشیاء اچ تی ام ال: تگ img در JavaScript

تگ input در HTML

مثال (تگ input در HTML)

یک فرم HTML با سه فیلد input، دو text fields و یک دکمه submit:

<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

خودتان امتحان کنید »

تعریف و کاربرد تگ input در HTML

تگ <input> مشخص کننده یک فیلد ورودی، که کاربر می تواند در آن اطلاعات را وارد کند.

عنصر <input> به منظور اعلام کنترل ورودی داخل عنصر <form> قرار می گیرد، که کاربر می تواند اطلاعات را وارد کند.

یک فیلد input را می توان در زمینه های گوناگون، بسته به نوع خصوصیت type استفاده کرد.

پشتیبانی مرورگرها از تگ input در HTML

عنصر
<input>	بله	بله	بله	بله	بله

نکته ها و ترفندها

نکته: عنصر <input> خالی بوده و تنها شامل ویژگی ها می باشد.

نکته: استفاده از عنصر <label> برای تعریف یک برچسب برای عنصر <input> است.

تفاوت بین HTML 4.01 و HTML5

ویژگی "align" در HTML5 پشتیبانی نمی شود.

در HTML5، تگ <input> چندین ویژگی جدید دارد و برای ویژگی type چندین مقدار جدید تعریف شده است.

تفاوت بین HTML و XHTML

در HTML، تگ <input> تگ پایانی ندارد.

در XHTML، تگ <input> باید با یک تگ پایانی بسته شود. مانند: <input />

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
accept	file_extension audio/* video/* image/* media_type	مشخص کننده نوع فایلی که سرور آن را می پذیرد. (فقط برای نوع "file")
align	left right top middle bottom	در HTML5 پشتیبانی نمی شود. مشخص می کند که image input در چه جهتی تراز شود. (فقط برای نوع "image")
alt	text	برای image یک متن جایگزین مشخص می کند. (فقط برای نوع "image")
autocomplete	on off	این خصوصیت مشخص می کند که مقادیر یک فرم یا یک فیلد متنی بصورت اتوماتیک پر شود یا نه.
autofocus	autofocus	این خصوصیت باعث می شود که بعد از لود شدن صفحه، مکان نما بصورت پیشفرض روی آن فیلد قرار گیرد.
checked	checked	مشخص می کند که عنصر <input > در هنگام لود شدن صفحه به صورت پیش فرض انتخاب شده باشد. (برای نوع "checkbox" یا "radio")
disabled	disabled	مشخص می کند که عنصر <input> باید غیر فعال باشد.
form	form_id	این خصوصیت فرم یا فرم هایی که فیلد مورد نظر به آن ها تعلق دارد را مشخص می کند.
formaction	URL	آدرس فایلی که مقادیر کنترل های ورودی بعد از ارسال در آن پردازش می شوند را مشخص می کند.( برای انواع ورودی submit و image استفاده می شود)
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	چگونگی رمز کردن داده های فرم، هنگام ارسال را مشخص می کند.(برای انواع ورودی submit و image استفاده می شود)
formmethod	get post	مشخص می کند که ارسال اطلاعات از فرم HTML به سرور به چه شکل باشد. (برای انواع ورودی submit و image استفاده می شود)
formnovalidate	formnovalidate	این خصوصیت نشان می دهد که فیلدهای ورودی برای ارسال به سرور نیاز به اعتبارسنجی ندارد.
formtarget	_blank _self _parent _top framename	نشان می دهد، پاسخی که از سرور دریافت شده است کجا نمایش داده شود. (برای انواع ورودی submit و image استفاده می شود)
height	pixels	ارتفاع عنصر <input> را مشخص می کند. (فقط برای نوع "image")
list	datalist_id	این خصوصیت یک datalist را به یک فیلد متنی متصل می کند.
max	number date	مقدار maximum برای عنصر <input> را مشخص می کند.
maxlength	number	تعداد maximum کاراکتری که عنصر <input> در خود جای می دهد.
min	number date	مقدار minimum برای عنصر<input> را مشخص می کند.
multiple	multiple	مشخص می کند که کاربر می تواند بیش از یک مقدار در عنصر <input> وارد کند.
name	text	یک نام برای عنصر <input> مشخص می کند.
pattern	regexp	الگویی برای بررسی اعتبار یک فیلد ورودی مشخص می کند.
placeholder	text	یک عبارت را به صورت کم رنگ در داخل فیلد ورودی می نویسد که با فوکوس روی آن فیلد از بین می رود و فیلد خالی می شود.
readonly	readonly	مشخص می کند که فیلد input فقط خواندنی است.
required	required	مشخص می کند که پر کردن فیلد input قبل از ارسال فرم باید انجام شود.
size	number	مشخص می کند که چه تعداد کاراکتر در عنصر<input> جای کیرد.
src	URL	مشخص کننده URL تصویری که به عنوان دکمه ارسال استفاده می شود.(فقط برای نوع "image")
step	number	تعداد فواصل قانونی برای یک فیلد input را مشخص می کند.
type	button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	مشخص کننده نوع عنصر<input> و اینکه چگونه نمایش داده شود.
value	text	برای عنصر <input> مقداری را مشخص می کند.
width	pixels	عرض عنصر <input> را مشخص می کند. (فقط برای نوع "image")

ویژگی های عمومی تگ input در HTML

تگ <input> از ویژگی های عمومی در HTML پشتیبانی می کند.

رویدادهای عمومی تگ input در HTML

تگ <input> از رویدادهای عمومی در HTML پشتیبانی می کند.

آموزش های مرتبط

آموزش HTML-فرم ها

مرجع اشیاء اچ تی ام ال:

تگ kbd در HTML

مثال (تگ kbd در HTML)

فرمت دهی متن در یک سند:

<kbd>Keyboard input</kbd>

خودتان امتحان کنید »

تعریف و کاربرد تگ kbd در HTML

تگ <kbd> یک تگ عبارتی است و ورودی صفحه کلید را مشخص می کند.

نکته: استفاده از این تگ توصیه نمی شود، اما برای رسیدن به نتایج بهتر از CSS استفاده می کنیم.

تمام تگ های عبارتی:

Tag	توضیحات
<em>	متن را به صورت emphasized نمایش می دهد.
<strong>	متن را به صورت strong نمایش می دهد.
<dfn>	جهت تعریف definition term
<code>	متن را به صورت computer code نمایش می دهد.
<samp>	متن را به صورت sample computer code نمایش می دهد.
<kbd>	متن را به صورت keyboard نمایش می دهد.
<var>	متن را به صورت variable نمایش می دهد.

پشتیبانی مرورگرها از تگ kbd در HTML

عنصر
<kbd>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

تفاوتی وجود ندارد.

ویژگی های عمومی تگ kbd در HTML

تگ <kbd> از ویژگی های عمومی در HTMLپشتیبانی می کند.

رویدادهای عمومی تگ kbd در HTML

تگ <kbd> از رویدادهای عمومی در HTML پشتیبانی می کند.

آموزش های مرتبط

آموزش HTML-فرمت دهی متن

تگ keygen در HTML

مثال (تگ keygen در HTML)

یک فرم با فیلد keygen:

<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security">
<input type="submit">
</form>

خودتان امتحان کنید »

تعریف و کاربرد تگ keygen در HTML

تگ <keygen> یک مولد کلیدی جفت، مورد استفاده برای فرم ها ایجاد می کند.

تگ <keygen> برای فراهم کردن یک راه امن به منظور تایید هویت کاربران در فرم‌هایی نظیر ورود و ثبت نام می‌باشد.هنگامی که کاربر فیلد را پر می کند و ارسال می کند دو کلید یک کلید خصوصی و یک کلید عمومی ایجاد می شود.

هنگامی که فرم ارسال می شود، کلید خصوصی به صورت محلی ذخیره شده و کلید عمومی به سرور ارسال می شود

پشتیبانی مرورگرها از تگ keygen در HTML

اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

عنصر
<keygen>	1.0	پشتیبانی نمی شود	1.0	1.2	3.0

تفاوت بین HTML 4.01 و HTML5

تگ <keygen> یک تگ جدید در HTML5 است.

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
autofocus	autofocus	مشخص می کند که عنصر <keygen> در هنگام لود شدن صفحه به طور خودکار بر روی آن تمرکز کند.
challenge	challenge	مشخص می کند که عنصر <keygen> در هنگام ارسال باید به چالش کشیده شود.
disabled	disabled	مشخص می کند که عنصر <keygen> باید غیر فعال شود.
form	form_id	یک یا بیشتر فرم که عنصر <keygen> متعلق به آنها است.
keytype	rsa dsa ec	الگوریتم امنیتی کلید را مشخص می کند.
name	name	یک نام برای عنصر <keygen> مشخص می کند.

ویژگی های عمومی تگ keygen در HTML

تگ <keygen> از ویژگی های عمومی در HTMLپشتیبانی می کند.

رویدادهای عمومی تگ keygen در HTML

تگ <keygen> از رویدادهای عمومی در HTML پشتیبانی می کند.

آموزش های مرتبط

مرجع اشیاء اچ تی ام ال: تگ keygen در JavaScript

تگ label در HTML

مثال (تگ label در HTML)

استفاده از دو radio buttons با label های جدا:

<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="Submit">
</form>

خودتان امتحان کنید »

تعریف و کاربرد تگ label در HTML

تگ <label> یک برچسب برای عنصر <input> تعریف می کند.

تگ <label> به صورت خاصی برای کاربر ارائه نمی شود. با این حال قابلیت استفاده برای کاربرانی که از موس استفاده می کنند را ارتقا می دهد، اگر کاربر بر روی متن داخل عنصر <label> کلیک کند کنترل متن به صورت خودکار به فیلد مربوطه منتقل می شود.

برای ایجاد ارتباط و شرح دادن تگ <label> با عناصر دیگر باید خصوصیت for برای تگ <label> را مساوی خصوصیت id قراردهیم .

پشتیبانی مرورگرها از تگ label در HTML

عنصر
<label>	بله	بله	بله	بله	بله

نکته ها و ترفندها

نکته: یک label را می توان را با استفاده از خصوصیت "for" یا با قرار دادن عنصر مورد نظر در داخل تگ <label> محدود کرد.

تفاوت بین HTML 4.01 و HTML5

خصوصیت "form" یک خصوصیت جدید در HTML5 است.

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
for	element_id	مشخص کننده id کنترلی است که label به آن تعلق دارد.
form	form_id	یک یا بیشتر فرم که label متعلق به آنهاست را مشخص می کند.

ویژگی های عمومی تگ label در HTML

تگ <label> از ویژگی های عمومی در HTMLپشتیبانی می کند.

رویدادهای عمومی تگ label در HTML

تگ <label> از رویدادهای عمومی در HTML پشتیبانی می کند.

آموزش های مرتبط

مرجع اشیاء اچ تی ام ال: تگ label در JavaScript

تگ legend در HTML

مثال (تگ legend در HTML)
گروهی از عناصر مرتبط در یک فرم:
<form>
<fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" size="30"><br>
    Email: <input type="text" size="30"><br>
    Date of birth: <input type="text" size="10">
</fieldset>
</form>

خودتان امتحان کنید »
تعریف و کاربرد تگ legend در HTML
تگ <legend> یک عنوان یا caption برای عنصر <fieldset> مشخص می کند.
پشتیبانی مرورگرها از تگ legend در HTML

عنصر

<legend> بله بله بله بله بله

تفاوت بین HTML 4.01 و HTML5
صفت "align" در HTML5 پشتیبانی نمی شود.
خصوصیت ها

خصوصیت مقدار توضیحات

align top
bottom
left
right در HTML5 پشتیبانی نمی شود.
مشخص می کند که caption در چه جهتی تراز شود.

ویژگی های عمومی تگ legend در HTML
تگ <legend> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ legend در HTML
تگ <legend> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ legend در JavaScript

عنصر
<legend>	بله	بله	بله	بله	بله

خصوصیت	مقدار	توضیحات
align	top bottom left right	در HTML5 پشتیبانی نمی شود. مشخص می کند که caption در چه جهتی تراز شود.

تگ li در HTML

مثال (تگ li در HTML)

یک لیست ترتیبی (<ol>) و یک لیست غیر ترتیبی (<ul>) در فهرست HTML :

<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

خودتان امتحان کنید »

شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.

تعریف و کاربرد تگ li در HTML

تگ <li> آیتم های یک لیست را تعریف می کند.

از تگ <li> در لیست های ترتیبی (<ol>) لیست های غیر ترتیبی (<ul>)، و در فهرست منو (<menu>) استفاده می شود.

پشتیبانی مرورگرها از تگ li در HTML

عنصر
<li>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

خصوصیت "type" در HTML5 پشتیبانی نمی شود.

خصوصیت "value" در HTML 4.01 توصیه نمی شود اما در HTML5 پشتیبانی می شود.

نکته ها و ترفندها

نکته: برای مشخص کردن نوع لیست از CSSاستفاده می کنیم.

خصوصیت ها

خصوصیت	مقدار	توضیحات
type	1 A a I i disc square circle	درHTML5 پشتیبانی نمی شود. نوع شمارشگر آیتم ها را مشخص می کند.
value	number	آیتم های یک لیست را مشخص می کند. و مقدار سایر آیتم ها در ادامه از آن مقدار به بعد یکی یکی افزایش می یابد (فقط برای لیست های مرتب (<ol>) استفاده می شود)

ویژگی های عمومی تگ li در HTML

تگ <li> از ویژگی های عمومی در HTML پشتیبانی می کند.

رویدادهای عمومی تگ li در HTML

تگ <li> از رویدادهای عمومی در HTML پشتیبانی می کند.

خودتان امتحان کنید - مثال

A nested list
نمایش لیست های تو در تو.

Another nested list
نمایش لیست های تو در توی پیچیده تر.

آموزش های مرتبط

آموزش HTML-لیست ها

مرجع اشیاء اچ تی ام ال: تگ li در JavaScript

تگ map در HTML

مثال (تگ map در HTML)
یک image-map، با نواحی قابل کلیک:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

خودتان امتحان کنید »
تعریف و کاربرد تگ map در HTML
تگ <map> برای تعریف یک image-map (تصویر-نقشه) سمت سرویس گیرنده استفاده می شود. یک image-map تصویری است که نواحی مختلف آن قابل کلیک کردن است.
خصوصیت الزامی name در تگ <map> با خصوصیت usemap در عنصر <img> مرتبط است. و یک ارتباط بین تصویر و نقشه ایجاد می کند.
عنصر <map> شامل تعدادی عنصر <area> است که نواحی قابل کلیک در تصویر نقشه را ایجاد می کنند.
پشتیبانی مرورگرها از تگ map در HTML

عنصر

<map> بله بله بله بله بله

تفاوت بین HTML 4.01 و HTML5
نکته: در HTML5، اگر خصوصیت id برای تگ <map> مشخص کردید، باید مقدار آن با مقدار خصوصیت name برابر باشد.
تفاوت بین HTML و XHTML
در XHTML، خصوصیت name قدیمی شده است و حذف خواهد شد. به جای آن می توان از خصوصیت id استفاده کرد.
خصوصیت ها

خصوصیت مقدار توضیحات

name mapname الزامی است. یک نام برای image-map مشخص می کند.

ویژگی های عمومی تگ map در HTML
تگ <map> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ map در HTML
تگ <map> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ map در JavaScript
تگ mark در HTML

مثال (تگ mark در HTML)
برجسته کردن قسمت هایی از متن:
<p>Do not forget to buy <mark>milk</mark> today.</p>

خودتان امتحان کنید »
تعریف و کاربرد تگ mark در HTML
تگ <mark> یک متن علامت گذاری شده را مشخص می کند.
اگر شما می خواهید قسمتی از متن را برجسته کنید از تگ <mark> استفاده کنید.
پشتیبانی مرورگرها از تگ mark در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

عنصر

<mark> 6.0 9.0 4.0 5.0 11.1

تفاوت بین HTML 4.01 و HTML5
تگ <mark> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ mark در HTML
تگ <mark> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ mark در HTML
تگ <mark> از رویدادهای عمومی در HTML پشتیبانی می کند.

عنصر
<map>	بله	بله	بله	بله	بله

خصوصیت	مقدار	توضیحات
name	mapname	الزامی است. یک نام برای image-map مشخص می کند.

عنصر
<mark>	6.0	9.0	4.0	5.0	11.1

تگ menu در HTML

مثال (تگ menu در HTML)

یک منو با زمینه های مختلف عنصر <menuitem> :

خودتان امتحان کنید »

تعریف و کاربرد تگ menu در HTML

تگ <menu> یک لیست یا منو از دستورات تعریف می کند.

تگ <menu> برای منوهای زمینه ای، نوار ابزار و برای لیست کنترل های فرم و دستورات استفاده می شود.

پشتیبانی مرورگرها از تگ menu در HTML

اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.

عنصر
<menu>	پشتیبانی نمی شود	پشتیبانی نمی شود	8.0 (only context menus)	پشتیبانی نمی شود	پشتیبانی نمی شود

نکته ها و ترفندها

نکته: برای استایل دادن به منو از CSS استفاده می کنیم.

تفاوت بین HTML 4.01 و HTML5

عنصر <menu> در HTML 4.01 توصیه نمی شود.

عنصر <menu> در HTML5 دوباره تعریف شده است.

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
label	text	یک label (برپسب) قابل رؤیت برای منو مشخص می کند.
type	popup toolbar context	مشخص می کند که چه نوع منویی نمایش داده شود.

ویژگی های عمومی تگ menu در HTML

تگ <menu> از ویژگی های عمومی در HTMLپشتیبانی می کند.

رویدادهای عمومی تگ menu در HTML

تگ <menu> از رویدادهای عمومی در HTML پشتیبانی می کند.

تگ meta در HTML

مثال (تگ meta در HTML)

از عنصر <meta> برای توصیف سند استفاده کنید:

خودتان امتحان کنید »

تعریف و کاربرد تگ meta در HTML

تگ <meta> اطلاعاتی در مورد سند HTMLفراهم می کند. این داده ها در صفحه، نمایش داده نمی شوند اما توسط ماشین قابل خواندن هستند.

عنصر <meta> نوعاً برای مشخص کردن نویسنده، کلمات کلیدی، آخرین تغییرات، توضیحاتی در مورد صفحه و دیگر داده های Meta استفاده می شوند.

داده های meta توسط مرورگر ها (جهت نحوه نمایش محتویات یا بار گذاری مجدد صفحه)، موتور های جستجو (جهت تعیین کلمات کلیدی) و دیگر سرویس های وب استفاده می شود.

پشتیبانی مرورگرها از تگ meta در HTML

عنصر
<meta>	بله	بله	بله	بله	بله

نکته ها و ترفندها

نکته: تگ<meta> همیشه داخل تگ <head> قرار می گیرد.

نکته: Metadata همیشه به صورت جفت name و value می آید.

نکته: اگر ویژگی name یا http-equiv تعریف شده باشد خصوصیت content نیز باید تعریف شود، اگر هیچ یک از این خصوصیت ها تعریف نشده باشند خصوصیت content هم نمی تواند تعریف شود.

تفاوت بین HTML 4.01 و HTML5

خصوصیت scheme در HTML5 پشتیبانی نمی شود.

در HTML5 خصوصیت جدید charset اضافه شده است، که تعریف charset را آسانتر می کند:

HTML 4.01: <meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5: <meta charset="UTF-8">

تفاوت بین HTML و XHTML

در HTML تگ <meta> تگ پایانی ندارد.

در XHTML تگ <meta> باید با یک تگ پایانی بسته شود.

مثال

مثال 1: مشخص کردن کلمات کلیدی برای موتورهای جستجو:

مثال 2: توضیحی از محتویات یک صفحه:

مثال 3: مشخص کردن نویسنده یک صفحه:

مثال 4: Refresh کردن صفحه هر 30 ثانیه یکبار:

خصوصیت ها

= جدید در HTML5.

خصوصیت	مقدار	توضیحات
charset	character_set	کد کردن کاراکترها برای سند HTML
content	text	دادن مقداری مرتبط با صفت http-equiv یا name
http-equiv	content-type default-style refresh	فراهم کردن یک HTTP header برای اطلاعات یا مقدار صفت content
name	application-name author description generator keywords	یک name برای metadata مشخص می کند.
scheme	format/URI	در HTML5 پشتیبانی نمی شود. طرحی (scheme) برای تفسیر یا ترجمه مقدار صفت content مشخص می کند.

ویژگی های عمومی تگ meta در HTML

تگ <meta> از ویژگی های عمومی در HTML پشتیبانی می کند.

آموزش های مرتبط

آموزش HTML-بخش Head

مرجع اشیاء اچ تی ام ال: تگ meta در JavaScript

صفحه3 از6

تبلیغات

آموزش ASP.NET Core

آموزش برنامه نویسی

سرور اختصاص ایران سرور

دسته‌بندی‌ها

بیاموز SAP ERP

بیاموز طراحی وب

بیاموز برنامه‌نویسی

نرم‌افزارهای کاربردی

شبکه و سیستم‌عامل

دروس دانش‌آموزی

بیاموزهای متفرقه

آموزش html

مثال (تگ font در HTML)

تعریف و کاربرد تگ font در HTML

پشتیبانی مرورگرها از تگ font در HTML

تفاوت بین HTML 4.01 و HTML5

خودتان امتحان کنید - مثال

خصوصیت های اختیاری

مثال (تگ footer در HTML)

تعریف و کاربرد تگ footer در HTML

پشتیبانی مرورگرها از تگ footer در HTML

تفاوت بین HTML 4.01 و HTML5

نکته ها و ترفندها

ویژگی های عمومی تگ footer در HTML

رویدادهای عمومی تگ footer در HTML

مثال (تگ form در HTML)

تعریف و کاربرد تگ form در HTML

پشتیبانی مرورگرها از تگ form در HTML

تفاوت بین HTML 4.01 و HTML5

تفاوت بین HTML و XHTML

خصوصیت ها

ویژگی های عمومی تگ form در HTML

رویدادهای عمومی تگ form در HTML

خودتان امتحان کنید - مثال

آموزش های مرتبط

مثال (تگ frame در HTML)

تعریف و کاربرد تگ frame در HTML

پشتیبانی مرورگرها از تگ frame در HTML

تفاوت بین HTML 4.01 و HTML5

Differences Between HTML and XHTML

خصوصیت های اختیاری

خودتان امتحان کنید - مثال

مثال (تگ frameset در HTML)

تعریف و کاربرد تگ frameset در HTML

پشتیبانی مرورگرها از تگ frameset در HTML

تفاوت بین HTML 4.01 و HTML5

Differences Between HTML and XHTML

خصوصیت های اختیاری

خودتان امتحان کنید - مثال

مثال (تگ head در HTML)

تعریف و کاربرد تگ head در HTML

پشتیبانی مرورگرها از تگ head در HTML

تفاوت بین HTML 4.01 و HTML5

خصوصیت ها

ویژگی های عمومی تگ head در HTML

خودتان امتحان کنید - مثال

آموزش های مرتبط

تنظیمات پیش فرض CSS

مثال (تگ header در HTML)

تعریف و کاربرد تگ header در HTML

پشتیبانی مرورگرها از تگ header در HTML

تفاوت بین HTML 4.01 و HTML5

ویژگی های عمومی تگ header در HTML

رویدادهای عمومی تگ header در HTML

تنظیمات پیش فرض CSS

مثال (تگ hr در HTML)

تعریف و کاربرد تگ hr در HTML

پشتیبانی مرورگرها از تگ hr در HTML

تفاوت بین HTML 4.01 و HTML5

تفاوت بین HTML و XHTML

خصوصیت ها

ویژگی های عمومی تگ hr در HTML

رویدادهای عمومی تگ hr در HTML

تنظیمات پیش فرض CSS

مثال (تگ html در HTML)

تعریف و کاربرد تگ html در HTML

پشتیبانی مرورگرها از تگ html در HTML

تفاوت بین HTML 4.01 و HTML5

تفاوت بین HTML و XHTML

خصوصیت ها

ویژگی های عمومی تگ html در HTML

مثال (تگ img در HTML)

تعریف و کاربرد تگ img در HTML