پاراگراف ها
پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.
<p> This is a paragraph </p>
<p> This is another paragraph </p>
پاراگراف ها
پاراگراف ها با برچسب <p> معرفی می شوند.HTML بطور خودکار فضای خالی اضافی به قبل و بعد از یک پاراگراف اضافه می کند.
<p> This is a paragraph </p>
<p> This is another paragraph </p>
پرش به خط بعد
برچسب <br> هنگامی استفاده می شود که بخواهیم یک خط را پایان دهیم اما نمی خواهیم یک پاراگراف جدید را آغاز کنیم.برچسب <br> شما را از هر جا که قرار دارید به یک خط پایین تر می برد. برچسب <br> یک برچسب تکی است و هیچ برچسب پایانی ندارد.
توضیحات در HTML
برچسب توضیحات برای وارد کردن توضیحات در منبع کد HTML استفاده می شود.توضیحات توسط مرورگرها نادیده گرفته می شوند. شما می توانید از توضیحات برای تشریح کد های خود استفاده کنید که می تواند به شما هنگامی که در آینده کد منبع خود را ویرایش می کنید کمک کند.
<!--This is a comment-->
توجه کنید که شما بعد از باز کردن براکت به علامت تعجب نیاز دارید اما قبل از بستن نیاز ندارید.
نکات پایه ای - اطلاعات مفید
هنگامی که شما یک متن 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 اضافه می شود حتی اگر شما آن را اضافه نکنید.
مثال
موجودیت های مورد نیازکد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.
موجودیت مقدار توضیحات DTD
xmlnsیک موجودیت فضای نامی XHTML معرفی می کند. STFکد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
خواص استاندارد
dir, lang, xml:lan
<body> بدنه پرونده را معرفی می کند
برچسب Body
تعریف و کاربرد
برچسب body بدنه فایل را معرفی می کند. آن شامل تمام محتویات فایل است.(مثل متن ، تصلویر ، رنگها و ...)
تفاوت بین HTML و XHTML
همه موجودیت های ارائه در HTML دیگر توصیه نمی شوند.
همه موجودیت های ارائه در XHTML پشتیبانی نمی شوند.
مثال
موجودیت های انتخابیکد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
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 پشتیبانی نمی شوند.
موجودیت های انتخابیکد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
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 برای درست کردن یک خط خالی استفاده کنید نه برای جداسازی پاراگراف ها.
کد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
خواص استاندارد
id, class, title, style
<hr> یک خط افقی را معرفی می کند
برچسب Hr
تعریف و کاربرد
برچسب hr یک خط افقی ایجاد می کند.
تفاوت بین HTML و XHTML
در HTML برچسب hr برچسب پایانی ندارد.
در XHTML برچسب hr باید کاملا بسته شود.
همه موجودیت های ارائه در HTML دیگر توصیه نمی شوند.
همه موجودیت های ارائه در XHTML پشتیبانی نمی شوند.
موجودیت های انتخابیکد:برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
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
هم اکنون 1 کاربر در حال مشاهده این تاپیک میباشد. (0 کاربر عضو شده و 1 مهمان)