Printable View
با آموزش HTML شما یاد خواهید گرفت چگونه از HTML در ساخت صفحات وب خودتان استفاده کنید.
یادگیری HTML بسیار ساده است و شما از آن لذت خواهید برد.
یک فایل HTML چیست؟
HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست
بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد
یک فایل HTML باید دارای پسوند html. یا html. باشد
یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود.
آیا می خواهید یکبار امتحان کنید؟
اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.
<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<b> This text is bold </b>
</body>
</html>
فایل را تحت عنوان "mypage.htm"ذخیره کنید.
مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه "open" یا "open page" را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه "brows" یا "choose file" را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه "open" کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان مثال "C:\mypage.html" گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.
مثال تشریح شده
اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.
متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.
متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد. :10:
پسوند htm. یا html. ?
هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود.
به ویرایشگر های HTML توجه کنید:
شما می توانید به سادگی با استفاده از یک ویرایشگر WYSIWY("what you see is what you get") فایل های HTML را ویرایش کنید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill.
اگر شما می خواهید یک توسعه دهنده وب توانا باشید ما توصیه اکید می کنیم که شما از یک ویرایشگر متنی ساده استفاده کنید تا اصول اولیه HTML را یاد بگیرید.
پرونده های HTML فایل های متنی هستند که با عناصر HTML ساخته شده اند.عناصر HTML با استفاده از برچسب های HTML تعریف می شوند.
برچسب های HTML
برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند
این کاراکتر های محاط کننده قلاب نامیده می شوند
بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>
اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است. :11:
عناصر HTML
مثال HTML در صفحه قبل را بخاطر بیاورید. این یک عنصر HTML است:
<b>This text is bold</b>
عنصر HTML با یک برچسب شروع ، آغاز می شود:<b>
محتوای عنصر HTML: This text is bold
عنصر HTML با یک برچسب پایانی تمام می شود:<b/>
هدف برچسب <b> این است که تعریف کند عناصر HTML باید بصورت برجسته نشان داده شوند این نیز همچنین یک عنصر HTML است:
<body>
This is my first homepage.<b>This text is bold</b>
</body>
این عنصر HTML با برچسب آغازین <body> شروع و با برچسب پایانی <body/> تمام می شود.
هدف برچسب <body> این است که عناصر HTML را که محتوای بدنه HTML هستند تعریف کند.
چرا ما از برچسب هایی با حروف کوچک استفاده می کنیم؟
ما فقط گفتیم که برچسب های HTML حساس به حروف کوچک و بزرگ نیستند و <B>همان معنی <b>را می دهد.هنگامی که شما به وب گردی می پردازد، متوجه خواهید شد که بیشتر آموزش ها در مثال هایشان از حروف بزرگ برچسب های HTML استفاده می کنند.ما همیشه از برچسب های حروف کوچک استفاده می کنیم. چرا؟
اگر شما می خواهید خود را برای نسل های بعدی HTML آماده کنیدشما باید شروع کنید و از برچسبهای حروف کوچک استفاده کنید.کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود برچسب های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) برچسبهای حروف کوچک را خواستار شده است.
عناصر برچسب:
برچسبها خود می توانند شامل عناصری باشند ، عناصر می توانند اطلاعات اضافی در باره عناصر HTML در صفحه شما را فراهم کنند.این برچسب عنصر بدنه را در صفحه شما معرفی می کند:
<body>
با اضافه کردن عنصر <bgcolor>شما می توانید به مرورگر بگویید که رنگ پس زمینه شما باید قرمز باشد مثل این:<"body bgcolor="red>
این برچسب یک جدول HTML را معرفی می کند:<table>. با اضافه کردن عنصر حاشیه شما می توانید به مرورگر بگویید که جدول نباید هیچ لبه و حاشیه ای داشته باشد: <"table border="0>
عناصر همیشه در یک زوج نام/مقدار می آیند، مثل این: نام="مقدار"
عناصر همیشه به برچسب شروع عناصر HTML اضافه می شوند :21:
حالتهای کتیشن ، 'قرمز' یا "قرمز"؟
محتوای عناصر باید همیشه در کتیشن ها محدود شوند ، از هر دو حالت کتیشن و دوبل کتیشن می توان استفاده کرد ولی استفاده از دوبل کتیشن ها متداول تر است. در بعضی موقعیت های نادر مثل هنگامی که محتوای عناصر خود دارای کتیشن هستند لازم است که از تک کتیشن استفاده کنیم: 'Name='john "shotgun" Nelson
سر تیتر ها
سر تیترها با برچسب های <h1>تا<h6>معرفی می شوند.<h1>بیانگر بزرگترین سرتیتر و<h6> بیانگر کوچکترین سر تیتر است. HTML بطور خودکار فضای خالی اضافی به قبل و بعد از سر تیترها اضافه می کند.
<h1> This is a heading </h1>
<h2> This is a heading </h2>
<h3> This is a heading </h3>
<h4> This is a heading </h4>
<h5> This is a heading </h5>
<h6> This is a heading </h6>
پاراگراف ها
پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.
<p> This is a paragraph </p>
<p> This is another paragraph </p>
پرش به خط بعد
برچسب <br> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. برچسب <br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.
توضیحات در HTML
برچسب توضیحات برای وارد کردن توضیحات در منبع کد HTML استفاده می شود.توضیحات توسط مرورگرها نادیده گرفته می شوند. شما می توانید از توضیحات برای تشریح کد های خود استفاده کنید که می تواند به شما هنگامی که در آینده کد منبع خود را ویرایش می کنید کمک کند.
<!--This is a comment-->
توجه کنید که شما بعد از باز کردن براکت به علامت تعجب نیاز دارید اما قبل از بستن نیاز ندارید. :46:
نکات پایه ای - اطلاعات مفید
هنگامی که شما یک متن HTML می نویسید هرگز نمی توانید مطمئن باشید این متن در یک مرورگر دیگر چطور نشان داده می شود.تعدادی از مردم صفحه نمایش بزرگ کامپیوتر دارند و تعدادی کوچک. هر بار که کاربر اندازه پنجره را تغییر دهد متن دوباره قالب بندی خواهد شد. هرگز سعی نکنید که با اضافه کردن خطوط خالی و فاصله در متن آن را در ویرایشگرتان قالب بندی کنید.
HTML فاصله ها را از متن حذف می کند، هر تعدادی از فاصله ها تنها به یک فاصله تبدیل می شوند.
مقداری اطلاعات اضافی
در HTML یک خط جدید بعنوان یک فاصله حساب می شود.
استفاده کردن از برچسب خالی پاراگراف
برای وارد کردن یک خط خالی یک عملکرد بد است.بجای آن از برچسب <br>استفاده کنید.(اما از <br> برای ساخت لیست خالی استفاده نکنید ، صبر کنید تا در مورد لیستهای HTML یاد بگیرید)
شما ممکن است متوجه باشید که پاراگراف ها می توانند بدون بستن برچسب <p/> نوشته شوند.نسخه بعدی HTML اجازه نخواهد داد که هیچ برچسب پایانی را جا بیندازید.HTML بطور خود کار یک خط خالی اضافی قبل و بعد از برخی عناصر اضافه می کند مثل قبل و بعد از پاراگراف و قبل و بعد از سر تیتر ها.ما از یک خط افقی (برچسب<hr>) برای جدا کردن بخش های مختلفدرسمان استفاده کرده ایم.
برچسب های توضیحات
<html> یک پرونده HTML را معرفی می کند
برچسب HTML
تعریف و کاربرد
این برچسب به مرورگر می فهماند که این یک فایل html است.
تفاوت بین HTML و XHTML
برچسب xmlns در XHTML مورد نیاز است نه در HTML. هرچند که معتبرساز w3.org وقتی که این موجودیت از برچسب HTML به فایل XHTML رفت شکایتی نکرد. این بدین دلیل است که "xmlns=http://www.w3.org/1999/xhtml" یک مقدار ثابت دارد و به برچسب html اضافه می شود حتی اگر شما آن را اضافه نکنید.
مثال
موجودیت های مورد نیازکد:<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
...
...
...
</body>
</html>
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.
موجودیت مقدار توضیحات DTD
xmlnsیک موجودیت فضای نامی XHTML معرفی می کند. STFکد:http://www.w3.org/1999/xhtml
خواص استاندارد
dir, lang, xml:lan
<body> بدنه پرونده را معرفی می کند
برچسب Body
تعریف و کاربرد
برچسب body بدنه فایل را معرفی می کند. آن شامل تمام محتویات فایل است.(مثل متن ، تصلویر ، رنگها و ...)
تفاوت بین HTML و XHTML
همه موجودیت های ارائه در HTML دیگر توصیه نمی شوند.
همه موجودیت های ارائه در XHTML پشتیبانی نمی شوند.
مثال
موجودیت های انتخابیکد:<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
The content of the document......
</body>
</html>
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.
موجودیت مقدار توضیحات DTD
alink rgb(x,x,x)
#xxxxxx
colorname رنگ پیوند فعال در صفحه را مشخص می کند..توصیه می شود به جای آن از style استفاده کنید. TF
background file_name یک تصویر که بعنوان پس زمینه انتخاب شود.. توصیه می شود به جای آن از style استفاده کنید. TF
bgcolor rgb(x,x,x)
#xxxxxx
colorname رنگ پس زمینه پرونده را مشخص می کند. توصیه می شود به جای آن از style استفاده کنید. TF
link rgb(x,x,x)
#xxxxxx
colorname رنگ کل پیوندها در پرونده را مشخص می کند. توصیه می شود به جای آن از dtyle استفاده کنید. TF
text rgb(x,x,x)
#xxxxxx
colorname رنگ متنم را در صفحق مشخص می کند. توصیه می شود به جای آن از style استفاده کنید TF
vlink rgb(x,x,x)
#xxxxxx
colorname رنگ پیوندهای ملاقات شده در صفحه را نشان می دهد. توصیه می شود به جای آن از style استفاده کنید. TF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<h1> to <h6> سر تیتر 1 تا 6 را معرفی می کند
برچسب h1-h6
تعریف و کاربرد
برچسب های h1 تا h6 سرتیتر تعریف می کنند. h1 بزرگترین و h6 کوچکترین سرتیتر را تعریف می کنند.
تفاوت بین HTML و XHTML
موجودیت align در HTML 4.0 توصیه نمی شود.
موجودیت align در XHTML پشتیبانی نمی شود.
مثال منبع خروجی
<h1>This is header 1</h1>
<h2>This is header 2</h2>
<h3>This is header 3</h3>
<h4>This is header 4</h4>
<h5>This is header 5</h5>
<h6>This is header 6</h6> This is header 1
This is header 2
This is header 3
This is header 4
This is header 5
This is header 6
موجودیت های انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.
موجودیت مقدار توضیحات DTD
align left
center
right
justify چیدمان متن در سرتیتر را معرفی می کند. توصیه می شود به جای آن از style استفاده کنید. TF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<p> یک پاراگراف را معرفی می کند
برچسب p
تعریف و کاربرد
برچسب p یک پاراگراف معرفی می کند.
تفاوت بین HTML و XHTML
همه موجودیت های ارائه برچسب p در HTML دیگر توصیه نمی شوند.
همه موجودیت های ارائه برچسب p در XHTML پشتیبانی نمی شوند.
موجودیت های انتخابیکد:مثالمنبع خروجی
<p>This is some text in a very short paragraph</p>
This is some text in a very short paragraph</p>
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.
موجودیت مقدار توضیحات DTD
align left
right
center
justify جهت چیدمان متن در پاراگراف را تعیین می کند. به جای آن از style استفاده کنید TF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<br> یک خط خالی را معرفی می کند
برچسب Br
تعریف و کاربرد
برچسب br یک پرش به خط بعد تعریف می کند. برچسب br یک برچسب خالی است و برچسب پایانی ندارد.
تفاوت بین HTML و XHTML
در HTML 4.0 برچسب br برچسب پایانی ندارد.
در XHTML برچسب br باید بسته شود مثل این: <br/>
نکات
از برچسب br برای درست کردن یک خط خالی استفاده کنید نه برای جداسازی پاراگراف ها.
کد:مثالمنبع خروجی
This text contains<br />a line break
This text contains
a line break
خواص استاندارد
id, class, title, style
<hr> یک خط افقی را معرفی می کند
برچسب Hr
تعریف و کاربرد
برچسب hr یک خط افقی ایجاد می کند.
تفاوت بین HTML و XHTML
در HTML برچسب hr برچسب پایانی ندارد.
در XHTML برچسب hr باید کاملا بسته شود.
همه موجودیت های ارائه در HTML دیگر توصیه نمی شوند.
همه موجودیت های ارائه در XHTML پشتیبانی نمی شوند.
[HTML]مثالمنبع خروجی
This is some text <hr /> This is some text This is some text
This is some text[/HTML]
موجودیت های انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. موجودیت مقدار توضیحات DTD
align center
left
right چیدمان خط افقی را تعیین می کند. توصیه می شود به جای آن از style استفاده کنید. TF
noshade noshade هنگامی که این خاصیت برابر true شود خط باید بصورت تک رنگ نشان داده شود. هنگامی که false شود خط باید بصورت دو رنگ نشان داده شود "groove".توصیه می شود به جای آن از style استفاده کنید. TF
size pixels
% پهنای خط افقی را مشخص می کند. توصیه می شود به جای آن از style استفاده کنید. TF
width pixels
% اندازه طول خط را مشخص می کند. توصیه می شود به جای آن از style استفاده کنید. rule Deprecated. Use styles instead TF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<!--> توضیحات را معرفی می کند
برچسب Comment
تعریف و کاربرد
برچسب comment استفاده می شود که یک توضیح کوتاه در کد منبع وارد کند. این توضیح توسط مرورگر نادیده گرفته خواهد شد. شما می توانید از این توضیحات برای تشریح کدهای خود استفاده کنید و می تواند شما را در ویرایش کدهایتان در آینده کمک کند.
شما همچنین می توانید اطلاعات خاص برنامه را در توضیحات نگهداری کنید. در این حالت این توضیحات قابل رویت نیستند ولی در کد برنامه وجود دارند.
مثالمنبع خروجی
<!--This text is a comment-->
<p>This is a regular paragraph</p>
This is a regular paragraph
برچسب DOCTYPE
تعریف و کاربرد
برچسب <!DOCTYPE>، اولین برچسبی است که حتی پیش از برچسب <html> در کد صفحه می آید. به کمک این برچسب، مرورگر را از نسخه استاندارد HTML و یا XHTMLی که در صفحه از آن استفاده شده، آگاه می کنیم.
HTML
استاندارد HTML 4.01، سه نوع صفحه را تعریف می کند: Strict، Transitional و Frameset.
HTML Strict DTD
از این استاندارد زمانی استفاده می شود که صفحه ما فقط حاوی برچسبهای توصیف متن است و توصیف نحوه نمایش در CSS آمده است. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML Transitional DTD
در صورتیکه در صفحه از برچسبهای توصیف نمایش استفاده شده باشد و یا مرورگر مورد استفاده، CSS را پشتیبانی نکند، از این از این استاندارد استفاده می کنیم. این استاندارد شامل برچسبهای توصیف متن و تمام برچسبهای توصیف نمایش است که W3C انها را به CSS منتقل کرده است. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Frameset DTD
در صورت استفاده از برچسب frameset باید از این استاندارد استفاده کنیم. این استاندارد همانند استاندارد Transitional است با این تفاوت که در آن به جای برچسب body از برچسب frameset استفاده شده است. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML
استاندارد XHTML 1.0 سه نوع صفحه را پشتیبانی می کند: Strict، Transitional و Frameset.
XHTML Strict DTD
همانند استاندارد همنام خود در HTML، این استاندارد نیز برای صفحه هایی است که فقط از برچسبهای توصیف متن استفاده می کنند.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML Transitional DTD
می خواهید XHTMLی که دارای برچسبهای نمایشی باشد بنویسید; مرورگر شما CSS را پشتیبانی نمی کند; این استاندارد برای شماست.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Frameset DTD
اگر از frameset استفاده می کنید، از این استاندارد بهره ببرید.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
آیا شما تا حالا صفحه ای را دیده اید که از دیدن آن شگفت زده شده با شید وبگویید چگونه این کار را انجام داده اند؟
برای پیدا کردن آن بسادگی بروی گزینه view روی نوار ابزار کلیک کنید وگزینه source یا page source را انتخاب کنید.آن یک پنجره ای را باز خواهد کرد که به شما HTML واقعی آن صفحه را نشان خواهد داد.
<small> متن را کوچک معرفی می کند
<i> متن را مورب معرفی می کند
<big> متن را بزرگ معرفی می کند
<b> متن را برجسته معرفی می کند
برچسب های TT,I,B,BIG,SMALL
تعریف و کاربرد
عناصر زیر همگی عناصر ظاهر font هستند.
<tt> به حالت ماشین نویسی نمایش می دهد
<i> بصورت مورب نمایش داده می شود
<b> بصورت برجسته نمایش داده می شود
<big> بزرگتر نمایش داده می شود
<small> کوچکتر نمایش داده می شود.
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<tt>Teletype text</tt><br>
<i>Italic text</i><br>
<b>Bold text</b><br>
<big>Big text</big><br>
<small>Small text</small><br> Teletype text
Italic text
Bold text
Big text
Small text
خواص استاندارد
id, class, title, style, dir, lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown onkeyup
<em> متن را مورب معرفی می کند
برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<strong> متن را برجسته معرفی می کند
برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<sup> متن را بالانویس دار معرفی می کند
برچسب های sub,sup
تعریف و کاربرد
برچسب sub یک متن زیرنویس تعریف می کند و برچسب sup یک متن بالا نویس تعریف می کند.
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
This text contains <sub>subscript</sub>
This text contains <sup>superscript</sup> This text contains subscript
This text contains superscript
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<ins> قطعه متنی را که در متن اصلی جا داده شده معرفی می کن
تعریف و کاربرد
یک متن وارد شده را تعریف می کند.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
به همراه برچسب <del> استفاده کنید تا به روز رسانی واصلاح در یک پرونده را نشان دهد.
مثال
منبع خروجی
a dozen is <del>20</del> <ins>12</ins> pieces a dozen is 20 12 pieces
خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.
خاصیت مقدار توضیحات DTD
cite URL یک url به پرونده دیگر که بیان می کند چرا متن وارد شده. STF
datetime YYYYMMDD زمان و تاریخ وارد شدن متن را بیان می کند STF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<del> قطعه متنی را که از متن اصلی حذف شده نشان می دهد
برچسب del
تعریف و کاربرد
یک متن حذف شده را تعریف می کند.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
به همراه برچسب <ins> استفاده کنید تا به روز رسانی واصلاح در یک پرونده را نشان دهد.
مثال
منبع خروجی
a dozen is <del>20</del> 12 pieces a dozen is 20 12 pieces
خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. خاصیت مقدار توضیحات DTD
cite URL یک url به پرونده دیگر که بیان می کند چرا متن وارد شده. STF
datetime YYYYMMDD زمان و تاریخ وارد شدن متن را بیان می کند STF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
برچسب s,strike
برچسب s,strike
تعریف و کاربرد
برچسب های <s> و <strike> یک متن اصلاح شده را تعریف می کنند.
تفاوت بین HTML و XHTML
برچسب های <s> و <strike> در HTML 4.01 توصیه نمی شوند.
این بر چسب ها در XHTML پشتیبانی نمی شوند.
نکات
به جای برچسب <del> استفاده می شود.
مثالمنبع خروجی
A new version is <s>not yet available.</s> now available!
<br />
<br />
A new version is <strike>not yet available.</strike> now available! A new version is not yet available. now available!
A new version is not yet available. now available!
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
تعریف و کاربرد
برچسب <u> برای متن ، زیر خط تعریف می کند.
تفاوت بین HTML و XHTML
عنصر u در HTML4.0 توصیه نمی شود.
عنصر u در XHTML1.0 پشتیبانی نمی شود و بطور اکید در DTD.
مثال
منبع خروجی
A new version is <u>now available.</u> A new version is now available.
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
برچسب های خروجی کامپیوتر
برچسب ها توضیحات
<code> متن کد کامپیوتری را معرفی می کند
<kbd> متن صفحه کلید را معرفی می کند
<samp> متن نمونه مثال های کامپیوتری را معرفی می کند
<tt> متن را بصورت ماشین نویس معرفی می کند
<var> یک مقدار را معرفی می کند
<pre> متن از پیش قالب بندی شده را معرفی می کند
<listing> توصیه نمی گردد. به جای آن از <pre> استفاده کنید
<plaintext> توصیه نمی گردد. به جای آن از <pre> استفاده کنید
<xmp> توصیه نمی گردد. به جای آن از <pre> استفاده کنید
<code> متن کد کامپیوتری را معرفی می کند
برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
:21:
<kbd> متن صفحه کلید را معرفی می کند
برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
رچسب pre
تعریف و کاربرد
عنصر pre متن از پیش قالب بندی شده را تعریف می کند. متنی که بین عنصر pre قرار می گیرد معمولا فاصله ها و پرش به خط بعد را حفظ می کند. متن در یک قالب ثابت نمایش داده می شود.
تفاوت بین HTML و XHTML
موجودیت width در عنصر pre در HTML4.0 توصیه نمی شود.
موجودیت width در عنصر u در XHTML1.0 پشتیبانی نمی شود و بطور اکید در DTD.
نکات pre
نکته قابل توجه درباره این برچسب این است که، زمانی که برچسب >xmp< نا معتبر اعلام شد و به جای آن برچسب >pre< تعریف شد، برچسب جدید توانایی های برچسب پیشین را نداشت. برای نمونه
<pre><b>Hello</b></pre> نمایش می دهد Hello
ولی
<xmp><b>Hello</b></xmp> نمایش می دهد <b>Hello</b>
مثالمنبع خروجی
<pre>
This text is
in a fixed-pitch
font, and it preserves
both spaces and
line breaks
</pre> This text is
in a fixed-pitch
font, and it preserves
both spaces and
line breaks
خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. خاصیت مقدار توضیحات DTD
width number تعداد کاراکتر ها رادر هر خط تعریف می کند.
(معمولا 40 ، 80 یا 132) TF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang, xml:space
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
برچسب های نقل قول ، کتیشن و توضیحات
برچسب ها توضیحات
<abbr> یک کلمه مخفف را معرفی می کند
<acronym> یک سرنام را معرفی می کند
<address> یک عنصر آدرس را معرفی می کند
<bdo> جهت متن را معرفی می کند
<blockquote> یک کتیشن بلند را معرفی می کند
<q> یک کتیشن کوتاه را معرفی می کند
<cite> نقل قول را معرفی می کند
<dfn> یک عبارت توضیحی را معرفی می کند[/B]
<abbr> یک کلمه مخفف را معرفی می کند
برچسب abbr
تعریف و کاربرد
یک حالت مخفف را نشان می دهد مثل "Inc." یا "etc." . با نشان گذاری مخفف ها شما می توانید اطلاعات مفیدی رادر مرورگرها ، کنترل کننده املا ، سیستم های ترجمه و موتورهای جستجو بدهید.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
نکته: در بعضی از مرورگرها موجودیت title در عنصر acronym می تواند نسخه کامل عبارت را وقتی شما ماوس را بر روی مخفف نگه می دارید نشان دهد.
مثال
منبع خروجی
<acronym title="United Nations"> un </acronym> UN
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
:21:
<acronym> یک سرنام را معرفی می کند
برچسب acronym
تعریف و کاربرد
برچسب acronym شروع یک سرنام را معرفی می کند مثل "NATO".با نشان گذاری مخفف ها شما می توانید اطلاعات مفیدی رادر مرورگرها ، کنترل کننده املا ، سیستم های ترجمه و موتورهای جستجو بدهید.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
نکته: در بعضی از مرورگرها موجودیت title در عنصر acronym می تواند نسخه کامل عبارت را وقتی شما ماوس را بر روی مخفف نگه می دارید نشان دهد.
مثال
منبع خروجی
<acronym title="World Wide Web"> www </acronym> www
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
برچسب address
تعریف و کاربرد
برچسب address شروع یک آدرس را نشان می دهد. شما باید از آن در تعریف آدرس ها ، دست نوشته ها و متن اصلی یک پرونده استفاده کنید.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
آدرس معمولا بصورت مورب نشان داده می شود.بیشتر مرورگرها ممکن است یک پرش به خط بعد قبل و بعد از عنصر address قرار دهند اما پرش به خط بعد داخل متن را باید خودتان قرار دهید.
مثال
منبع خروجی
<address><br>
Donald Duck <br>
Box 555 <br>
Disneyland
</address> Donald Duck
Box 555
Disneyland
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<bdo> جهت متن را معرفی می کند
برچسب bdo
تعریف و کاربرد
برچسب bdo مسیر متن پیش فرض را باطل می کند.
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثالمنبع خروجی
<bdo> Here is some Hebrew text </bdo> Here is some Hebrew text
خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. موجودیت مقدار توضیحات DTD
dir ltr
rtl مسیر متن را مشخص می کند. STF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
<blockquote> یک کتیشن بلند را معرفی می کند
برچسب blockquote
تعریف و کاربرد
برچسب blockquote یک کتیشن بلند را تعریف می کند.
تفاوت بین HTML و XHTML
برچسب <blockqoute> برای عناصر بلاک بندی شده نیز استفاده می شود وفقط برای متون ساده نیست.
برای معتبر سازی یک صفحه بعنوان یک XHTML صریح ، شما باید یک عنصر بلاک بندی را در اطراف متن و در میان برچسب <blockquote> قرار دهید. مثل این:
< blockquote >
<p> here is a long quotation here is a long quotation </p>
</blockquote>
نکات
عنصر blockquote در هر دو طرف متن فاصله سفید ایجاد می کند.
مثال
منبع خروجی
Here comes a long quotation:
<blockquote> here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation
here is a long quotation </blockquote> Here comes a long quotation:
here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation here is a long quotation
خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. خاصیت مقدار توضیحات DTD
cite url url کتیشن را اگر از وب گرفته شده باشد. STF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<q> یک کتیشن کوتاه را معرفی می کند
برچسب Q
تعریف و کاربرد
برچسب q شروع یک کتیشن کوتاه را معرفی می کند.
تفاوت بین HTML و XHTML
تفاوتی ندارد
نکات
عنصر q بعنوان هیچ چیز خاصی معرفی نمی شود و شما مجبورید از style برای قالب بندی متنتان استفاده کنید.
مثالمنبع خروجی
Here comes a short quotation: <q>here is a short quotation here is a short quotation </q> Here comes a short quotation: "here is a short quotation here is a short quotation"
خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset. خاصیت مقدار توضیحات DTD
cite citation یک علامت نقل قول را برای یک کتیشن معرفی می کند. STF
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
<dfn> یک عبارت توضیحی را معرفی می کند
برچسب های em,strong,dfn,code,samp,kbd,var,cite
تعریف و کاربرد
عناصر زیر همگی عناصر عبارات هستند. عناصر خوبی هستند اما بوسیله style sheet می توان نتایج بهتری گرفت.
<em> برجسته نشان داده می شود
<strong> بصورت درشت نشان داده می شود
<dfn> بصورت یک عبارت توصیفی نشان داده می شود
<code> بصورت کد کامپیوتری نشان داده می شود
<samp> بصورت مثال های کامپیوتری نشان داده می شود
<kbd> به حالت متن صفحه کلید نشان داده خواهد شد
<var> یک متغیر را معرفی می کند
<cite> بصورت نقل قول نمایش می دهد
تفاوت بین HTML و XHTML
تفاوتی ندارد
مثال
منبع خروجی
<em>Emphasized text</em><br>
<strong>Strong text</strong><br>
<dfn>Definition term</dfn><br>
<code>Computer code text</code><br>
<samp>Sample computer code text</samp><br>
<kbd>Keyboard text</kbd><br>
<var>Variable</var><br>
<cite>Citation</cite> Emphasized text
Strong text
Definition term
Computer code text
Sample computer code text
Keyboard text
Variable
Citation
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
موجودیت های HTML
تعدادی از کاراکترها مثل کاراکتر ">" یک معنی خاص در HTML دارندو از این رو نمی توان از آنها در متن ها استفاده کرد. برای نشان دادن علامت کوچکتر از ">" ما باید از یک موجودیت کاراکتر استفاده کنیم.
موجودیت های کاراکتر
تعدادی از کاراکترها یک معنی خاص در HTML دارند.مثل علامت کوچکتر از ">" که شروع یک برچسب HTML را معرفی می کند.اگر ما بخواهیم که مرورگر عملا این کاراکتر ها را نشان بدهد باید در منبع کد HTML موجودیت های کاراکتر را وارد کنیم.
یک موجودیت کاراکتر سه بخش دارد: یک علامت "&" ، یک موجودیت اسم یا یک علامت "#" و یک موجودیت عددو در نهایت یک ";".
برای نمایش یک علامت کوچکتر از در یک پرونده HTML ما باید بنویسیم: ;lt& یا ;60#& .
فایده استفاده از یک نام بجای یک عدد این است که به خاطر سپردن یک نام آسان تر است و اشکال آن این است که همه مرورگر ها موجودیت کاراکترها را پشتیبانی نمی کنند در حالی که تقریبا همه مرورگرها خیلی خوب از موجودیت عددها پشتیبانی می کنند.
توجه کنید که موجودیت ها حساس به حروف کوچک و بزرگ هستند.
فاصله بدون شکست
یکی از موجودیت کاراکترهای پر استفاده در HTML فاصله بدون شکست است. بطور عادی HTML فاصله ها را در متن شما کوتاه خواهد کرد ، اگر شما ده فاصله در متن خود بگذارید HTML 9 تای آن را از بین خواهد برد. برای اضافه کردن فاصله در متنتان ، از موجودیت کاراکتر ;nbsp& استفاده کنید.
:21:
قابها
هر پرونده HTML یک قاب نامیده می شود ، و هر قاب نیز مستقل از دیگر قاب هاست. بدی استفاده از قاب ها این است که :
توسعه دهنده وب باید پیوسته رد بیشتر پرونده های HTML را داشته باشد.
چاپ کردن کل صفحه مشکل است
برچسب Frameset
برچسب <frameset> معرفی می کند که چگونه می شود پنجره را به قابها تقسیم کرد.
هر frameset یک مجموعه از سطرها یا ستون ها را معرفی می کند.
برچسب Frame
برچسب <frame> پرونده HTML ای را معرفی می کند که در هر قاب قرار می گیرد.
در مثال پایین یک frameset با دو ستون داریم. ستون اول با پهنای 25% از پنجره مرورگر ست شده است.ستون دوم با پهنای 75% از پنجره مرورگر ست شده است. پرونده "HTML "frame_a.html در ستون اول قرار گرفته و پرونده "HTML "frame_b.html در ستون دوم قرار داده شدهاست.
<frameset cols="25%,75%">
<frame src="frame_a.html">
<frame src="frame_b.html">
</frameset>
نکات پایه ای-اطلاعات مفید
اگر یک قاب حاشیه پدیدار داشته باشد کاربر می تواند با کشیدن حاشیه آن ، اندازه آن را تغییر دهد. برای جلوگیری از این عمل کاربر ، شما می توانید "noresize="noresize را به برچسب <frame> اضافه کنید. اگر برچسب <noframes> را اضافه کنیم ، مرورگر قاب را پشتیبانی نمی کند.
مهم:شما نمی توانید برچسب های <body> </body> و <frame> </frame> را با هم استفاده کنید. هر چند اگر شما برچسب <noframes> را در مرورگر هایی که قابها را پشتیبانی نمی کنند و حاوی مقداری متن نیز باشد اضافه کنید شما باید متن را بین برچسب های <body> </body> قرار دهید.
<frameset> یک مجموعه از قاب ها را معرفی می کند
<frame> یک زیر پنجره (قاب) را معرفی می کند
<noframes> برای مرورگر هایی که قاب ها را پشتیبانی نمی کنند ، بخش بدون قاب را معرفی می کند.
<iframe> یک زیر پنجره درون برنامه ای را معرفی می کند.