فیلم آموزش html
تگ basefont در HTML
مثال (تگ basefont در HTML)
مشخص کردن text-color و font-size به طور پیش فرض برای متن در صفحه:
<head>
<basefont color="red" size="5">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
خودتان امتحان کنید »تعریف و کاربرد تگ basefont در HTML
تگ <basefont> در HTML5 پشتیبانی نمی شود، می توانید از CSSاستفاده کنید.
تگ <basefont> به طور پیش فرض رنگ، سایز و فونت را به تمام متون موجود در سند اختصاص می دهد.
پشتیبانی مرورگرها از تگ basefont در HTML
عنصر <basefont> پشتیبانی نمی شود پشتیبانی نمی شود پشتیبانی نمی شود پشتیبانی نمی شود پشتیبانی نمی شود نکته: تگ <basefont> فقط در Internet Explorer 9 و نسخه های قبل تر از آن را پشتیبانی می کند.
تفاوت بین HTML 4.01 و HTML5
تگ <basefont> در HTML5 پشتیبانی نمی شود.
خودتان امتحان کنید-مثال
مثال CSS: نحوه ایجاد text-color از پیش تعیین شده برای یک صفحه
مثال CSS: نحوه ایجاد font-family از پیش تعیین شده برای یک صفحه
مثال CSS: نحوه ایجاد font-size از پیش تعیین شده برای یک صفحه
مطالعه بیشتر درباره ی: آموزش CSS-استایل دهی متن و آموزش CSS-استایل دهی فونت
خصوصیت های اختیاری
خصوصیت مقدار توضیحات color color در HTML5 پشتیبانی نمی شود.
مشخص کردن رنگ از پیش تعیین شده برای متن های موجود در سندface font_family در HTML5 پشتیبانی نمی شود.
مشخص کردن یک فونت از پیش تعیین شده برای متن های موجود در سندsize number در HTML5 پشتیبانی نمی شود.
مشخص کردن سایز از پیش تعیین شده برای متن های موجود در سندتگ bdi در HTML
مثال (تگ bdi در HTML)
نام های کاربری خارج از زبان اصلی صفحه:
<ul>
<li>User <bdi>hrefs</bdi>: 60 points</li>
<li>User <bdi>jdoe</bdi>: 80 points</li>
<li>User <bdi>إیان</bdi>: 90 points</li>
</ul>
خودتان امتحان کنید »تعریف و کاربرد تگ bdi در HTML
bdi مخفف Bi-Directiona Isolationl یعنی جدا سازی دو جهته.
تگ <bdi> برای جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه بوده و از لحاظ فرمت با آن فرق دارد استفاده می شود.
این عنصر جهت تعبیه محتوایی که کاربر ایجاد می کند و جهت نوشتاری که زبان آن نامشخص است به کار می رود.
پشتیبانی مرورگرها از تگ bdi در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <bdi> 16.0 پشتیبانی نمی شود 10.0 پشتیبانی نمی شود پشتیبانی نمی شود تفاوت بین HTML 4.01 و HTML5
تگ <bdi> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ bdi در HTML
تگ <bdi> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ bdi در HTML
تگ <bdi> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ bdo در HTML
مثال (تگ bdo در HTML)
نمایش برعکس یک متن:
<bdo dir="rtl">
This text will go right-to-left.
</bdo>
خودتان امتحان کنید »تعریف و کاربرد تگ bdo در HTML
bdo سرنام واژگان Bi-Directional Override بحساب می آید.
تگ <bdo> به منظور نادیده گرفتن جهت متن فعلی به کار می رود و در واقع متن را برعکس نشان می دهد.
پشتیبانی مرورگرها از تگ bdo در HTML
عنصر <bdo> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
خصوصیت ها
خصوصیت مقدار توضیحات dir ltr
rtlالزامی است و جهت متن موجود در داخل تگ <bdo> را مشخص می کند. ویژگی های عمومی تگ bdo در HTML
تگ <bdo> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ bdo در HTML
تگ <bdo> از رویدادهای عمومی در HTML پشتیبانی می کند .
تگ big در HTML
مثال (تگ big در HTML)
متن بزرگتر از اندازه ی نرمال:
<p><big>Bigger text</big></p>
خودتان امتحان کنید »تعریف و کاربرد تگ big در HTML
تگ <big> در HTML5 پشتیبانی نمی شود به جای آن می توان از CSS استفاده کرد.
تگ <big> قسمتی از متن را درشتر نشان می دهد.
پشتیبانی مرورگرها از تگ big در HTML
عنصر <big> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تگ <big> در HTML5 پشتیبانی نمی شود.
خودتان امتحان کنید-مثال
مثال CSS: مشخص کردنfont-sizes مختلف برای عناصر HTML
مطالعه بیشتر درباره ی: آموزش CSS-استایل دهی فونت .
تگ blockquote در HTML
مثال (تگ blockquote در HTML)
بخشی که به عنوان نقل از منبع دیگر آورده شده:
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
خودتان امتحان کنید »تعریف و کاربرد تگ blockquote در HTML
تگ <blockquote> تعیین کننده بخشی که به نقل از منبع دیگر آورده شده .
مرورگرها معمولا عناصر تگ <blockquote> را برجسته نشان می دهند.
پشتیبانی مرورگرها از تگ blockquote در HTML
عنصر <blockquote> بله بله بله بله بله نکته ها و ترفندها
نکته: برای نقل قول های کوتاه به صورت درون خطی از تگ <q> استفاده کنید.
تفاوت بین HTML 4.01 و HTML5
در HTML 4.01، تگ <blockquote> یک نقل قول طولانی را مشخص می کند.
در HTML5، تگ <blockquote> بخشی که به نقل از منبع دیگری است را مشخص می کند.
تفاوت بین HTML و XHTML
نکته: برای معتبر ساختن تگ <blockquote>عناصر موجود در XHTML لازم است درون این تگ یکی از المان هایی که به صورت بلوک نوشته می شوند را قرار دهیم. به عنوان مثال:
<blockquote>
<p>Here is a long quotation here is a long quotation.</p>
</blockquote>خصوصیت ها
خصوصیت مقدار توضیحات cite URL مرجع (منبع) نقل قول را مشخص می کند. ویژگی های عمومی تگ blockquote در HTML
تگ <blockquote> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ blockquote در HTML
تگ <blockquote> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ blockquote در JavaScript
تگ body در HTML
مثال (تگ body در HTML)
یک مثال ساده با حداقل تگ های مورد نیاز:
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
خودتان امتحان کنید »تعریف و کاربرد تگ body در HTML
تگ <body> بدنه یک سند HTMLرا توصیف می کند.
تگ <body> شامل تمام محتویات یک سند است. مانند:متن، عکس، لینک ها، جدول ها و...
پشتیبانی مرورگرها از تگ body در HTML
عنصر <body> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
در HTML5 تمام ویژگی های طرح (layout attributes) حذف شده است.
خصوصیت ها
خصوصیت مقدار توضیحات alink color در HTML5 پشتیبانی نمی شود.
مشخص کننده رنگ مربوط به یک لینک فعال در سندbackground URL در HTML5 پشتیبانی نمی شود.
مشخص کننده یک تصویر پس زمینه برای سندbgcolor color در HTML5 پشتیبانی نمی شود.
مشخص کننده یک رنگ پس زمینه از سندlink color در HTML5 پشتیبانی نمی شود.
مشخص کننده رنگ مربوط به لینک های موجود در سندtext color در HTML5 پشتیبانی نمی شود.
مشخص کننده رنگ مربوط به متن های موجود در سندvlink color در HTML5 پشتیبانی نمی شود.
مشخص کننده رنگ مربوط به لینک های مشاهده شده در سندویژگی های عمومی تگ body در HTML
تگ <body> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ body در HTML
تگ <body> از رویدادهای عمومی در HTML پشتیانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ body در JavaScript
تگ br در HTML
مثال (تگ br در HTML)
انتقال قسمتی از متن به خط بعدی:
This text contains<br>a line break.
خودتان امتحان کنید »تعریف و کاربرد تگ br در HTML
تگ <br> یک خط جدید ایجاد می کند، و ادامه متن را به خط بعدی انتقال می دهد.
تگ <br> یک عنصر تهی در HTMLاست. این عنصر دارای تگ پایان نیست.
پشتیبانی مرورگرها از تگ br در HTML
عنصر <br> بله بله بله بله بله نکته ها و ترفندها
نکته: تگ <br> برای نوشتن آدرس و یا اشعار مفید است.
توجه: از تگ <br> برای رفتن به خط جدید و بدون اینکه پاراگراف جدیدی را شروع کنیم استفاده می شود.
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
تفاوت بین HTML و XHTML
در HTML، تگ <br> تگ پایانی ندارد .
در XHTML تگ <br> باید با یک تگ پایانی مانند تگ </br> بسته شود.
ویژگی های عمومی تگ br در HTML
تگ <br> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ br در HTML
تگ <br> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
تگ button در HTML
مثال (تگ button در HTML)
ایجاد یک دکمه قابل کلیک شدن:
<button type="button">Click Me!</button>
خودتان امتحان کنید »تعریف و کاربرد تگ button در HTML
تگ <button> یک دکمه قابل کلیک کردن را به وجود می آورد.
تفاوت دکمه ایجاد شده با تگ<button> و دکمه ایجاد شده با تگ <input> در این است که داخل تگ <button> می توان محتوایی شامل متن یا تصویر گذاشت.
نکته: همیشه نوع ویژگی ها (attribute) عنصر را مشخص کنید، زیرا مرورگر های مختلف مقادیر مختلفی را به طور پیش فرض برای عنصر <button> به کار می برند.
پشتیبانی مرورگرها از تگ button در HTML
عنصر <button> بله بله بله بله بله نکته ها و ترفندها
نکته: اگر در یک فرم HTML، از تگ <button> استفاده کنید، مرورگر های مختلف ممکن است مقادیر متفاوتی رو ارسال کنند، به همین دلیل در فرم ها از تگ <input> استفاده کنید.
تفاوت بین HTML 4.01 و HTML5
HTML5 شامل ویژگی ها (attribute) جدیدی است از جمله:autofocus ،form ،formaction ،formenctypy ،formmethod formnovalidate و formtarget.
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات autofocus autofocus مشخص می کند یک button (دکمه) بطور خودکار در کانون توجه قرار می گیرد زمانی که صفحه load می شود. disabled disabled یک button (دکمه) غیر فعال را مشخص می کند.
form form_id مشخص می کند که یک button متعلق به کدام فرم یا فرم ها می باشد. formaction URL مشخص کننده این است که هنگام ارسال یک فرم داده های مربوط به آن به کجا فرستاده شوند. (فقط برای نوع submit) formenctype application/x-www-form-urlencoded
multipart/form-data
text/plainمشخص کننده این است که داده های مربوط به فرم پیش از ارسال آن فرم چگونه رمزگذاری شود. (فقط برای نوع submit) formmethod get
postمشخص کننده این است که داده های مربوط به یک فرم چگونه فرستاده شوند(با استفاده از کدام متد HTTP ). (فقط برای نوع submit) formnovalidate formnovalidate مشخص کننده این است که داده های یک فرم احتیاجی به سنجش اعتبار ندارند. (فقط برای نوع submit) formtarget _blank
_self
_parent
_top
framenameمشخص کننده این است که پیغام کجا نمایش داده شود پس از اینکه فرم ارسال می شود. (فقط برای نوع submit) name name مشخص کننده یک نام برای button type button
reset
submitمشخص کننده نوع button value text مشخص کننده یک مقدار اولیه برای button ویژگی های عمومی تگ button در HTML
تگ <button> از ویژگی های عمومی درHTML پشتیبانی می کند.
رویدادهای عمومی تگ button در HTML
تگ <button> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ button در JavaScript
تگ canvas در HTML
مثال (تگ canvas در HTML)
رسم یک مربع قرمز شناور از طریق تگ<canvas> :
<canvas id="myCanvas"></canvas>
<script>
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,80);
</script>
خودتان امتحان کنید »تعریف و کاربرد تگ canvas در HTML
تگ <canvas> به منظور رسم گرافیک های شناورکه از طریق برنامه نویسی (معمولا زبان JavaScript) به کار می رود.
تگ <canvas> تنها یک ظرف یا قالبی است که گرافیک ها را در خود جای می دهد، شما باید برای رسم گرافیک ها از اسکریپت ها استفاده کنید.
پشتیبانی مرورگرها از تگ canvas در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <canvas> 4.0 9.0 2.0 3.1 9.0 تفاوت بین HTML 4.01 و HTML5
تگ <canvas> یک تگ جدید در HTML5 است.
نکته ها و ترفندها
نکته: هر گونه متن داخل تگ <canvas> در مرورگر هایی که از آن پشتیبانی نمی کنند نمایش داده می شود.
نکته: جهت مشاهده مرجع کامل خواص و روش های قابل استفاده با canvas می توانید رجوع کنید به:آموزش HTML5-عنصر canvas
خصوصیت ها
= جدید در HTML5.
خصوصیت مقدار توضیحات height pixels مشخص کننده ارتفاع canvas width pixels مشخص کننده عرض canvas ویژگی های عمومی تگ canvas در HTML
تگ <canvas> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ canvas در HTML
تگ <canvas> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ caption در HTML
مثال (تگ caption در HTML)
یک جدول با عنوان:
<table>
<caption>Monthly savings</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
خودتان امتحان کنید »تعریف و کاربرد تگ caption در HTML
تگ <caption> برای جدول یک عنوان معرفی می کند.
تگ <caption> باید بلافاصله بعد از تگ <table> قرار گیرد.
نکته: شما می توانید برای هر جدول یک عنوان مشخص کنید.
نکته: به طور پیش فرض عنوان جدول در وسط و بالای جدول قرار می گیرد. اگر چه با استفاده از خصوصیت text-align و خصوصیت caption-side در CSS می توان عنوان را در جای دیگر تراز کرد.
پشتیبانی مرورگرها از تگ caption در HTML
عنصر <caption> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
صفت align در HTML5 حذف شده است.
خصوصیت ها
خصوصیت مقدار توضیحات align left
right
top
bottomدر HTML5 پشتیبانی نمی شود.
مشخص می کند که عنوان در کدام جهت تراز شود.ویژگی های عمومی تگ caption در HTML
تگ <caption> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ caption در HTML
تگ <caption>از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ center در HTML
مثال (تگ center در HTML)
تراز متن در مرکز صفحه HTML:
<center>This text will be center-aligned.</center>
خودتان امتحان کنید »تعریف و کاربرد تگ center در HTML
تگ <center> در HTML5 پشتیبانی نمی شود. به جای آن از CSS استفاده کنید.
تگ <center> متن را در وسط صفحه تراز می کند.
پشتیبانی مرورگرها از تگ center در HTML
عنصر <center> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تگ<center> در HTML5 پشتیبانی نمی شود.
خودتان امتحان کنید-مثال
مطالعه بیشتر برای تراز کردن متن با استفاده از: آموزش CSS-استایل دهی متن
تگ cite در HTML
مثال (تگ cite در HTML)
تعریف عنوان یک کار با تگ <cite>:
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
خودتان امتحان کنید »تعریف و کاربرد تگ cite در HTML
تگ <cite> عنوان یک کار را مشخص می کند (مثلا یک کتاب، آهنگ، فیلم، برنامه تلویزیونی، نقاشی، مجسمه سازی و...).
نکته: نام و نام خانوادگی یک فرد نمی تواند عنوان یک کار باشد.
پشتیبانی مرورگرها از تگ cite در HTML
عنصر <cite> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
در HTML5 تگ <cite> عنوان یک کار را مشخص می کند.
در HTML 4.01 تگ <cite> یک نقل قول را مشخص می کند.
ویژگی های عمومی تگ cite در HTML
تگ <cite> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ cite در HTML
تگ <cite> از رویدادهای عمومی در HTML پشتیبانی می کند.
تگ code در HTML
تعریف و کاربرد تگ code در HTML
از تگ <code> برای نحوه نمایش عبارات و پاراگراف ها استفاده می شود. در واقع این تگ یک عبارات را بصورت یک قطعه کد کامپیوتری، نمایش می دهد.
نکته: استفاده از این تگ توصیه نمی شود ولی برای رسیدن به نتایج بهتر می توانید با استفاده از CSSبه استایل مورد نظرتان برسید.
تمام تگ های عبارتی:
Tag توضیحات <em> متن را به صورت emphasized نمایش می دهد <strong> متن را به صورت strong یا Bold شده و ضخیم نمایش می دهد <dfn> جهت تعریف definition term <code> متن را به صورت یک قطعه کد کامپیوتری نمایش می دهد <samp> متن را به صورت sample computer code (نمونه از یک کد کامپیوتری) نمایش می دهد <kbd> متن را به صورت keyboard (صفحه کلید) نمایش می دهد <var> یک متغیر تعریف می کند پشتیبانی مرورگرها از تگ code در HTML
عنصر <code> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ code در HTML
تگ<code> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ code در HTML
تگ <code> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
تگ col در HTML
مثال (تگ col در HTML)
تنظیم رنگ پس زمینه از سه ستون با تگ های<colgroup> و <col> :
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
خودتان امتحان کنید »تعریف و کاربرد تگ col در HTML
تگ <col> خواص مربوط به ستون های موجود در یک عنصر <colgroup> را مشخص می کند.
تگ <col> برای استفاده از سبک های به کل ستون، به جای تکرار سبک برای هر سلول یا برای هر ردیف مفید است.
پشتیبانی مرورگرها از تگ col در HTML
عنصر <col> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
بیشتر ویژگی ها (attributes) موجود در HTML 4.01 در HTML5 پشتیبانی نمی شوند.
تفاوت بین HTML و XHTML
در HTML تگ <col> تگ پایانی ندارد.
در XHTML تگ <col> باید با تگ پایانی بسته شود.
خصوصیت ها
خصوصیت مقدار توضیحات align left
right
center
justify
charدر HTML5 پشتیبانی نمی شود.
مشخص کننده تراز محتوا نسبت به عنصر <col>char character در HTML5 پشتیبانی نمی شود.
مشخص کننده تراز محتوا نسبت به عنصر <col> با توجه به کاراکترهاcharoff number در HTML5 پشتیبانی نمی شود.
مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی charspan number مشخص می کند که عنصر <col> باید به اندازه چند ستون باشد. valign top
middle
bottom
baselineدرHTML5 پشتیبانی نمی شود.
مشخص کننده تراز عمودی محتوا نسبت به یک عنصر <col>width %
pixels
relative_lengthدر HTML5 پشتیبانی نمی شود.
مشخص کننده پهنای عنصر <col>ویژگی های عمومی تگ col در HTML
تگ <col> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ col در HTML
تگ <col> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ col در JavaScript
تگ colgroup در HTML
مثال (تگ colgroup در HTML)
تنظیم رنگ پس زمینه از سه ستون با تگ های <colgroup> و <col>:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
خودتان امتحان کنید »تعریف و کاربرد تگ colgroup در HTML
تگ <colgroup> گروهی از یک یا چند ستون در یک جدول را جهت قالب بندی مشخص می کند.
از تگ <colgroup> برای سبک یا استایل دادن به کل ستون، به جای تکرار سبک برای هر سلول و برای هر ردیف استفاده می شود.
نکته: تگ <colgroup> باید به عنوان یک فرزند برای تگ <table> باشد که بعد از عنصر <caption> وقبل از عناصر <thead> ،<tbody> ،<tfoot> و <tr> قرار می گیرد.
نکته: برای تعریف خواص مختلف به یک ستون در <colgroup> از عنصر <col> در داخل آن تگ استفاده کنید.
پشتیبانی مرورگرها از تگ colgroup در HTML
عنصر <colgroup> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
بیشتر ویژگی های موجود در HTML 4.01 در HTML5 پشتیبانی نمی شوذ.
خصوصیت ها
خصوصیت مقدار توضیحات align left
right
center
justify
charدر HTML5 پشتیبانی نمی شود.
تراز کردن محتوا در گروه ستون هاchar character در HTML5 پشتیبانی نمی شود.
تراز کردن محتوا در گروه ستون ها با توجه به کاراکترهاcharoff number در HTML5 پشتیبانی نمی شود.
مشخص کننده تراز تعداد کاراکترهای محتوا از کاراکترهای مشخص شده به وسیله ویژگی charspan number مشخص می کند گروه ستون ها به اندازه چند ستون باشد valign top
middle
bottom
baselineدر HTML5 پشتیبانی نمی شود.
مشخص کننده تراز عمودی محتوا نسبت به گروه ستون هاwidth pixels
%
relative_lengthدر HTML5 پشتیبانی نمی شود.
مشخص کننده پهنای گروه ستون هاویژگی های عمومی تگ colgroup در HTML
تگ <colgroup> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ colgroup در HTML
تگ <colgroup> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ colgroup در JavaScript
تگ datalist در HTML
مثال (تگ datalist در HTML)
یک عنصر <input> با مقداری از پیش تعیین شده با عنصر <datalist>:
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
خودتان امتحان کنید »تعریف و کاربرد تگ datalist در HTML
تگ <datalist> یک لیست از گزینه های از قبل تعریف شده برای یک عنصر <input> مشخص می کند.
تگ <datalist> برای ارائه یک ویژگی "تکمیل خودکار" برای عنصر <input> استفاده می شود. بدین صورت که کاربران یک لیست کشویی از گزینه های از پیش تعریف شده در هنگام تکمیل فیلد، مشاهده می کنند.
شما می توانید با استفاده از یک عنصر <datalist>، لیست اجزای <input> را به هم متصل کنید.
پشتیبانی مرورگرها از تگ datalist در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <datalist> 20.0 10.0 4.0 پشتیبانی نمی شود 9.0 تفاوت بین HTML 4.01 و HTML5
تگ <datalist> یک تگ جدید در HTML5 است.
ویژگی های عمومی تگ datalist در HTML
تگ <datalist> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ datalist در HTML
تگ <datalist> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ datalist در JavaScript
تگ dd در HTML
مثال (تگ dd در HTML)
یک لیست توضیحات با عبارات و توضیحات:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
خودتان امتحان کنید »تعریف و کاربرد تگ dd در HTML
تگ <dd> برای شرح یا توصیف یک لغت یا عبارت در لیست توضیحات استفاده می شود.
تگ <dd> در رابطه با تگ <dl> (ایجاد کننده لیست های تعریفی) و <dt> (ایجاد عنصر یا نامی از یک فهرست تعریفی) استفاده می شود.
شما می توانید در داخل تگ <dd> پاراگراف ها، پرش به خط بعد، عکس ها، پیوند ها، لیست ها و...قرار دهید.
پشتیبانی مرورگرها از تگ dd در HTML
عنصر <dd> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
در HTML 4.01، تگ <dd> به منظور توصیف یک آیتم در لیست توضیحات استفاده می شد.
در HTML5، تگ <dd> به منظور توصیف یک نام یا عبارت استفاده می شود.
ویژگی های عمومی تگ dd در HTML
تگ <dd> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ dd در HTML
تگ <dd> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
تگ del در HTML
مثال (تگ del در HTML)
یک قسمت از متن حذف شده و قسمت جدیدی به آن اضافه شده:
<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
خودتان امتحان کنید »تعریف و کاربرد تگ del در HTML
تگ <del> یک قسمت از متن را که از سند حذف شده است نمایش می دهد.
پشتیبانی مرورگرها از تگ del در HTML
عنصر <del> بله بله بله بله بله نکته ها و ترفندها
نکته: همچنین به تگ <ins> جهت نشانه گذاری متن نگاهی بیندازید.
نکته: استفاده از دو تگ <del> و <ins> به منظور نشانه گذاری متن حذف شده و سایر تغییرات ایجاد شده می باشد. مرورگر ها به طور معمول یک خط از متن حذف شده را هدف قرار داده و متن حذف شده را زیر خط دار می کنند.
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
خصوصیت ها
خصوصیت مقدار توضیحات cite URL مشخص کننده یک URL برای سند و دلیل حذف شدن متن مورد نظر را توضیح می دهد. datetime YYYY-MM-DDThh:mm:ssTZD مشخص می کند که متن در چه تاریخ و زمانی حذف شده است. ویژگی های عمومی تگ del در HTML
تگ <del> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ del در HTML
تگ <del> از-رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ del در JavaScript
تگ details در HTML
مثال (تگ details در HTML)
استفاده از عنصر <details>:
<details>
<summary>Copyright 1999-2014.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
خودتان امتحان کنید »تعریف و کاربرد تگ details در HTML
تگ <details> جزئیات اضافی که کاربر بر حسب تقاضا می تواند مشاهده یا مخفی نماید را مشخص می کند.
تگ <details> مورد استفاده برای ایجاد یک ویجت تعاملی است که کاربر با استفاده از کلیک کردن می تواند باز یا بسته اش نماید. و هر نوع محتوایی را می توان داخل تگ <details> قرار داد.
محتوای عنصر <details> نباید قابل مشاهده باشد مگر این که ویژگی های open قرار داده شده باشد.
پشتیبانی مرورگرها از تگ details در HTML
اعدادی که در جدول زیر مشخص شده، اولین نسخه ی مرورگرهایی است که به طور کامل از این عنصر پشتیبانی می کنند.
عنصر <details> 12.0 پشتیبانی نمی شود پشتیبانی نمی شود 6.0 15.0 تفاوت بین HTML 4.01 و HTML5
تگ <details> یک تگ جدید در HTML5 است.
نکته ها و ترفندها
نکته: تگ <summary> برای تعیین یک عنوان قابل مشاهده به جزئیات مورد نظر استفاده می شود. این عنوان قابل کلیک کردن می باشد تا در صورت نیاز، جزئیات مخفی یا نمایان شوند.
خصوصیت ها
جدید در HTML5.
خصوصیت مقدار توضیحات open open مشخص می کند که جزئیات برای کاربر نمایان (open) باشد. ویژگی های عمومی تگ details در HTML
تگ <details> از ویژگی های عمومی در HTMLپشتیبانی می کند.
رویدادهای عمومی تگ details در HTML
تگ <details> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ details در JavaScript
تگ dfn در HTML
تعریف و کاربرد تگ dfn در HTML
تگ <dfn> یک تگ تعریفی است و یک عبارت تعریفی را مشخص می کند.
نکته: استفاده از این تگ توصیه نمی شود. اما برای رسیدن به نتایج بهتر می توانید از CSSاستفاده کنید.
همه تگ های تعریفی:
Tag توضیحات <em> متن را به صورت emphasized نمایش می دهد. <strong> متن را به صورت strong نمایش می دهد. <dfn> جهت تعریف definition term <code> متن را به صورت computer code نمایش می دهد. <samp> متن را به صورت sample computer code نمایش می دهد. <kbd> متن را به صورت keyboard نمایش می دهد. <var> متن را به صورت variable نمایش می دهد. پشتیبانی مرورگرها از تگ dfn در HTML
عنصر <dfn> بله بله بله بله بله تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
ویژگی های عمومی تگ dfn در HTML
تگ <dfn> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ dfn در HTML
تگ <dfn> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
