رنگ ها با تركيب منابع نوري قرمز ، سبز و آبي معرفي مي شوند.

---

محتواي رنگ ها

رنگ ها با استفاده از نشان گذاري مبناي 16 براي تركيب مقدار رنگ قرمز و سبز آبي معرفي مي شوند. پايين ترين مقدار رنگي كه مي توان به يك منبع رنگي داد صفر است (hex #00) و بالاترين مقدار 255 است(hex #ff).

اين جدول حاصل تركيب منابع نوري قرمز و سبز و آبي را نشان مي دهد:

رنگ	مبناي 16	rgb
	#000000	rgb(0,0,0)
	#FF0000	rgb(255,0,0)
	#00FF00	rgb(0,255,0)
	#0000FF	rgb(0,0,255)
	#FFFF00	rgb(255,255,0)
	#00FFFF	rgb(0,255,255)
	#FF00FF	rgb(255,0,255)
	#C0C0C0	rgb(192,192,192)
	#FFFFFF	rgb(255,255,255)

---

نام رنگ ها

يك كلكسيون از نام رنگ ها بوسيله بيشتر مرورگرها پشتيباني مي شود.
توجه: فقط 16 رنگ توسط استاندارد W3C HTML4.0 پشتيباني مي شود ( aqua , black , blue , fuchsia , gray , green , lime , maroon , navy , olive , purple , red , silver , teal , white , yellow ). براي تمام رنگ هاي ديگر ، شما بايد از مقدار شما بايد از مقدار مبناي 16 رنگها استفاده كنيد.

رنگ	مبناي 16	نام رنگ
	#F0F8FF	AliceBlue
	#FAEBD7	AntiqueWhite
	#7FFFD4	Aquamarine
	#000000	Black
	#0000FF	Blue
	#8A2BE2	BlueViolet
	#A52A2A	Brown

---

رنگ هاي ايمن وب

چندين سال پيش كه كامپيوترها فقط 256 رنگ متفاوت را پشتيباني مي كردند ، ليستي از 216 رنگ ايمن وب بعنوان استاندارد وب پيشنهاد شد. دليل اين پيشنهاد آن بود كه سيستم عامل هاي مايكروسافت و Mac از 40 رنگ ثابت از پيش تعيين شده سيستمي استفاده مي كردند.

جدول متقاطع 216 رنگ

اين جدول متقاطع 216 رنگ ايمن وب در اصل براي اطمينان از اينكه همه كامپيوترها ، همه رنگ هاي آن را هنگامي كه پالت رنگ 256 تايي اجرا مي شود ، دقيق نشان خواهند داد ساخته شد.

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

 براي پيوند به پرونده هاي ديگر در وب از فرا پيوندها استفاده مي كند.

---

مثالها

ايجاد فراپيوند
اين مثال نشان مي دهد كه چگونه مي توان، در متن نوشته شده، فراپيوندي ايجاد كرد.

عكس، به عنوان فراپيوند
اين مثال عكسي را به يك فراپيوند تبديل مي كند.

(مثالهاي بيشتر، در انتهاي اين صفحه آمده است)

---

برچسب Anchor و موجوديت Href

HTML از برچسب براي ساخت يك پيوند به پرونده هاي ديگر استفاده مي كند. يك anchor مي تواند به هر منبعي در وب اشاره كند.يك صفحه HTML ، يك عكس ، يك فايل صوتي ، يك فيلم و ... .
دستورالعمل ساخت يك Anchor

متني كه نمايش داده مي شود

در هنگام ساختن يك Anchor بايد مكاني كه پيوند به آن پرونده اشاره ميكند را مشخص كرد. براي نمايش آدرس پرونده از موجوديت href استفاده مي شود.كلمات بين بر چسب آغازو پايان Anchor به عنوان فرا پيوند نمايش داده مي شود.    
اين Anchor يك پيوند به html.ir را معرفي مي كند: خط بالا شبيه اين نشان داده خواهد شد :

---

موجوديت Target

با موجوديت هدف شما مي توانيد معرفي كنيد كه پرونده هاي پيوند داده شده كجا باز شوند. خط زير پرونده اي را در يك پنجره مرورگر جديد باز خواهد كرد.

---

برچسب Anchor و موجوديت نام

موجوديت نام براي ساخت يك Anchor نام دار استفاده مي شود. هنگامي كه ما از يك Anchor نام دار استفاده مي كنيم، مي توانيم پيوندهايي بسازيم كه مستقيما بتواندبه يك بخش خاص در صفحه برود. در ست به جاي آنكه بگذاريم  كاربر در صفحه بگردد. در پايين طريقه نوشتن يك Anchor نام دار آمده است.

متني كه نوشته مي شود

از موجوديت نام براي ساخت يك Anchor نام دار استفاده مي شود. نام يك Anchor مي تواند هر متني كه شما بخواهيد باشد.خط زير يك Anchor نام دار را معرفي مي كند.

بخش اطلاعات مفيد

شما بايد توجه كنيد كه يك Anchor نام دار، در يك حالت خاص نشان داده نمي شود. براي پيوند مستقيم به بخش "Tips" يك علامت "#" و نام آن Anchor را به انتهاي آن url اضافه كنيد:

پرش به بخش اطلاعات مفيد

يك فرا پيوند به بخش نكات مفيد از ميان فايل "Links.html" شبيه به اين خواهد بود

پرش به بخش نكات مفيد

---

نكات پايه اي - اطلاعات مفيد

هميشه يك علامت "/" به منابع زير پوشه ها اضافه كنيد. اگر شما پيوندي مثل اين درست كنيد

href="http://www.html.ir/links.html"

شما دو تقاضا براي سرور درست كرده ايد ، چون سرور يك علامت "/" به انتهاي آدرس اضافه كرده و يك تقاضاي جديد درست مي كند. مثل اين:

href="http://www.html.ir/links.html/"

از Anchor نام دار معمولا براي ساخت يك جدول از محتويات در ابتداي يك پرونده بزرگ استفاده مي شود. به هر بخش در ميان پرونده يك Anchor نام دار داده شده و پيوند به هركدام از اين Anchor ها در بالاي پرونده قرار داده شده است. اگر يك مرورگر نتواند Anchor نام داري را كه مشخص شده است را پيدا كند به ابتداي آن پرونده رفته و هيچ خطايي اتفاق نمي افتد.

---

مثالهاي بيشتر

ارجاع به فراپيوند، در پنجره جديد
در اين مثال، روش ساخت فراپيوندي نشان داده مي شود، كه در آن، كاربر پس از كليك روي فراپيوند، صفحه فعلي را از دست نداده و پنجره جديدي براي نمايش صفحه پيوندي، براي او، باز مي شود.

پيوند به محلي در همين متن
فرض كنيد در ابتداي متن، فهرستي از محتواي متن نوشته ايد. اگر بخواهيم با كليك روي هر يك از سرفصلها، به آن سرفصل مراجعه كنيم، چگونه عمل مي كنيم؟ فراپيندهاي اين مثال، چگونگي اين كار را نشان مي دهند.

شكستن حصار قاب
اگر صفحه شما، داخل يك قاب نمايش داده مي شود، فرا پيوندهاي آن، محتواي قاب را تغيير مي دهند. براي شكستن اين محدوديت و تغيير محتواي كل پنجره مانند اين مثال عمل كنيد.

فراپيوند Email
در صورتيكه آدرس فراپيوند شما، از شماهاي ديگري غير از http، مانند mailto و يا ftp استفاده كند، چه مي شود. اين مثال نمونه اي را نمايش مي دهد.

فراپيوند Email (نوعي ديگر)
در اين مثال نمونه ديگري از فراپيوند نوع mailto را مي بينيد.

---

برچسب Anchor

برچسب ها	توضيحات
	يك Anchor را معرفي مي كند

تعدادي از كاراكترها مثل كاراكتر ">" يك معني خاص در HTML دارندو از اين رو نمي توان از آنها در متن ها استفاده كرد. براي نشان دادن علامت كوچكتر از ">" ما بايد از يك موجوديت كاراكتر استفاده كنيم.

---

موجوديت هاي كاراكتر

تعدادي از كاراكترها يك معني خاص در HTML دارند.مثل علامت كوچكتر از ">" كه شروع يك برچسب HTML را معرفي مي كند.اگر ما بخواهيم كه مرورگر عملا اين كاراكتر ها را نشان بدهد بايد در منبع كد HTML موجوديت هاي كاراكتر را وارد كنيم.
يك موجوديت كاراكتر سه بخش دارد: يك علامت "&" ، يك موجوديت اسم يا يك علامت "#" و يك موجوديت عددو در نهايت يك ";".
براي نمايش يك علامت كوچكتر از در يك پرونده HTML ما بايد بنويسيم: ;lt& يا ;60#& .
فايده استفاده از يك نام بجاي يك عدد اين است كه به خاطر سپردن يك نام آسان تر است و اشكال آن اين است كه همه مرورگر ها موجوديت كاراكترها را پشتيباني نمي كنند در حالي كه تقريبا همه مرورگرها خيلي خوب از موجوديت عددها پشتيباني مي كنند.
توجه كنيد كه موجوديت ها حساس به حروف كوچك و بزرگ هستند.

---

فاصله بدون شكست

يكي از موجوديت كاراكترهاي پر استفاده در HTML فاصله بدون شكست است. بطور عادي HTML فاصله ها را در متن شما كوتاه خواهد كرد ، اگر شما ده فاصله در متن خود بگذاريد HTML 9 تاي آن را از بين خواهد برد. براي اضافه كردن فاصله در متنتان ، از موجوديت كاراكتر ;nbsp& استفاده كنيد.

---

موجوديت كاراكترهاي پر استفاده

نتيجه	توضيحات	نام موجوديت	شماره موجوديت
	فاصله بدون شكست	 	 
<	كوچكتر از	&lt;	&#60;
>	بزرگتر از	&gt;	&#62;
&	ampersand	&amp;	&#38;
"	علامت كتيشن	&quot;	&#34;
'	آپاستروف	&apos;(در IE كاربرد ندارد)	&#39;

ديگر موجوديت كاراكترهاي پر استفاده

Html، برچسبهاي زيادي براي قالب بندي متن، مانند برچسب نمايش برجسته و يا برچسب مورب، دارد. در زير مثالهاي زيادي براي شما وجود دارد:

---

مثالها

نوع نمايش متن
در اين مثال، نمايشهاي گوناگون متن را مي بينيد.

قالب بندي پيش فرض
به كمك برچسب pre، قالب بندي اوليه متن خود را(شامل فاصله ها و سرخط ها)، حفظ كنيد.

برچسبهاي "خروجي كامپيوتري"
نوشته هاي كامپيوتري، حالتهاي خاصي دارند كه مي توان به كمك برچسبها، متن نوشته شده را به آن حالتها نمايش داد. مثال را ببينيد.

آدرس
برچسب address، حالت خاص نمايش آدرس را به متن ما مي دهد. ببينيد.

مخفف و مترادف
اگر بخواهيم مخفف و يا مترادف يك كلمه را در متن نشان دهيم چه مي كنيم؟ مثال را ببينيد.

سروته   هتورس
مثال زير نشان مي دهد كه چگونه مي توان متن نوشته شده را سروته نشان داد.

نقل قول
نقل قول در متن، با توجه به اينكه كوتاه يا بلند باشد، به صورت هاي مختلف نشان داده مي شود. اين مثال را ببينيد.

متن حذف و يا اضافه شده
براي نمايش كلمات حذف و يا اضافه شده به متن اصلي، مثال را ببينيد.

---

چگونه منبع HTML را ببينيم?

آيا شما تا حالا صفحه اي را ديده ايد كه از ديدن آن شگفت زده شده با شيد وبگوييد چگونه اين كار را انجام داده اند؟
براي پيدا كردن آن بسادگي بروي گزينه view روي نوار ابزار كليك كنيد وگزينه source يا page source را انتخاب كنيد.آن يك پنجره اي را باز خواهد كرد كه به شما HTML واقعي آن صفحه را نشان خواهد داد.

---

برچسب هاي قالب بندي متن

برچسب ها	توضيحات
<b>	متن را برجسته معرفي مي كند
<big>	متن را بزرگ معرفي مي كند
<em>	متن را مورب معرفي مي كند
<i>	متن را مورب معرفي مي كند
<small>	متن را كوچك معرفي مي كند
<strong>	متن را برجسته معرفي مي كند
<sub>	متن را زيرنويس دار معرفي مي كند
<sup>	متن را بالانويس دار معرفي مي كند
<ins>	قطعه متني را كه در متن اصلي جا داده شده معرفي مي كند
<del>	قطعه متني را كه از متن اصلي حذف شده نشان مي دهد
<s>	توصيه نمي گردد. به جاي آن از <del> استفاده كنيد.
<strike>	توصيه نمي گردد. به جاي آن از <del> استفاده كنيد.
<u>	توصيه نمي گردد.به جاي آن از خواص Style استفاده كنيد

برچسب هاي خروجي كامپيوتر

برچسب ها	توضيحات
<code>	متن كد كامپيوتري را معرفي مي كند
<kbd>	متن صفحه كليد را معرفي مي كند
<samp>	متن نمونه مثال هاي كامپيوتري را معرفي مي كند
<tt>	متن را بصورت ماشين نويس معرفي مي كند
<var>	يك مقدار را معرفي مي كند
<pre>	متن از پيش قالب بندي شده را معرفي مي كند
<listing>	توصيه نمي گردد. به جاي آن از <pre> استفاده كنيد
<plaintext>	توصيه نمي گردد. به جاي آن از <pre> استفاده كنيد
<xmp>	توصيه نمي گردد. به جاي آن از <pre> استفاده كنيد

برچسب هاي نقل قول ، كتيشن و توضيحات

برچسب ها	توضيحات
<abbr>	يك كلمه مخفف را معرفي مي كند
<acronym>	يك سرنام را معرفي مي كند
<address>	يك عنصر آدرس را معرفي مي كند
<bdo>	جهت متن را معرفي مي كند
<blockquote>	يك كتيشن بلند را معرفي مي كند
<q>	يك كتيشن كوتاه را معرفي مي كند
<cite>	نقل قول را معرفي مي كند
<dfn>	يك عبارت توضيحي را معرفي مي كند

مهمترين برچسب در HTML برچسب هايي هستند كه سر تيتر ها ، پاراگراف ها و پرش به خط بعد را معرفي مي كنند. بهترين راه يادگرفتن HTML كار كردن با مثال هاست.

---

مثالها

ساده ترين Html
اين مثال ساده ترين نمونه html است كه در آن، از كمترين برچسب ممكن، استفاده شده است. در اين مثال جمله نوشته شده درون برچسب body، نمايش داده مي شود. 

پاراگراف ساده
اين مثال نشان مي دهد، كه نوشته داخل برچسب پاراگراف، چگونه نمايش داده مي شود.

(مثالهاي بيشتر، در انتهاي اين صفحه آمده است)

---

 سر تيتر ها

سر تيترها با برچسب هاي <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-->

توجه كنيد كه شما بعد از باز كردن براكت به علامت تعجب نياز داريد اما قبل از بستن نياز نداريد.

---

نكات پايه اي - اطلاعات مفيد

هنگامي كه شما يك متن HTML مي نويسيد هرگز نمي توانيد مطمئن باشيد اين متن  در يك مرورگر ديگر چطور نشان داده مي شود.تعدادي از مردم صفحه نمايش بزرگ كامپيوتر دارند و تعدادي كوچك. هر بار كه كاربر اندازه پنجره را تغيير دهد متن دوباره قالب بندي خواهد شد. هرگز سعي نكنيد كه با اضافه كردن خطوط خالي و فاصله در متن آن را در ويرايشگرتان قالب بندي كنيد.
HTML فاصله ها را از متن حذف مي كند، هر تعدادي از فاصله ها تنها  به يك فاصله  تبديل مي شوند.

مقداري اطلاعات اضافي

در HTML يك خط جديد بعنوان يك فاصله حساب مي شود.
استفاده كردن از برچسب خالي پاراگراف

براي وارد كردن يك خط خالي يك عملكرد بد است.بجاي آن از برچسب <br>استفاده كنيد.(اما از <br> براي ساخت ليست خالي استفاده نكنيد ، صبر كنيد تا در مورد ليستهاي HTML ياد بگيريد)
شما ممكن است متوجه باشيد كه پاراگراف ها مي توانند بدون بستن برچسب <p/> نوشته شوند.نسخه بعدي HTML اجازه نخواهد داد كه هيچ برچسب پاياني را جا بيندازيد.HTML بطور خود كار يك خط خالي اضافي قبل و بعد از برخي عناصر اضافه مي كند مثل قبل و بعد از پاراگراف و قبل و بعد از سر تيتر ها.ما از يك خط افقي (برچسب<hr>) براي جدا كردن بخش هاي مختلفدرسمان استفاده كرده ايم.

---

مثالهاي بيشتر

پاراگرافهاي بيشتر
اين مثال رفتار برچسب پاراگراف را با نمايش چند نمونه از آن، نشان مي دهد.

سر خط
با استفاده از برچسب سر خط، به ابتداي خط بعد مي رويم. اين مثال رفتار اين برچسب را نشان مي دهد.

مشكلات نمايش
با اين مثال، متوجه مي شويد، در صورتي كه از برچسبها استفاده نكنيد، صفحه بندي شما، ناديده گرفته مي شود.

سر فصل
در اين مثال طريق متمايز كردن جملات سر فصل را مي بينيد.

سر فصل در وسط خط
اين مثال نشان مي دهد كه چگونه مي توان،محل نمايش جمله، در خط را تعيين كرد.

خط افقي
اين مثال روش نمايش يك خط افقي را نشان مي دهد.

توضيحات مخفي
گاهي، نياز به نوشتن توضيحي درباره html خود داريد. اين توضيح بايد در حالت نمايش ديده نشود. اين مثال روش نوشتن چنين متن هايي را، داخل html، نشان مي دهد.

رنگ زمينه
مي توانيد رنگ زمينه html خود را تعيين كنيد. اين مثال را ببينيد.

---

برچسب هاي پايه

برچسب ها	توضيحات
<html>	يك پرونده HTML را معرفي مي كند
<body>	بدنه پرونده را معرفي مي كند
<h1> to <h6>	سر تيتر 1 تا 6 را معرفي مي كند
<p>	يك پاراگراف را معرفي مي كند
<br>	يك خط خالي را معرفي مي كند
<hr>	يك خط افقي را معرفي مي كند
<!-->	توضيحات را معرفي مي كند

پرونده هاي HTML فايل هاي متني هستند كه با عناصر HTML ساخته شده اند.عناصر HTML با استفاده از برچسب هاي HTML تعريف مي شوند.

---

برچسب هاي HTML

• برچسب هاي HTML براي نشانه گذاري عناصر HTML استفاده مي شوند
• بر چسب هاي HTML توسط دو كاراكتر < و > محاط مي شوند
• اين كاراكتر هاي محاط كننده قلاب ناميده مي شوند
• بر چسب هاي HTML معمولا بصورت جفت مي آيند <b> , <b/>
• اولين برچسب دوتايي برچسب شروع و دومي برچسب پاياني است
• متن هاي بين برچسب ابتدايي و انتهايي محتواي عناصر هستند
• برچسبهاي HTML به حروف كوچك و بزرگ حساس نيستند <b> معادل <B> است.

---

عناصر 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 اضافه مي شوند

---

حالتهاي كتيشن ، 'قرمز' يا "قرمز"؟

محتواي عناصر بايد هميشه در كتيشن ها محدود شوند ، از هر دو حالت كتيشن و  دوبل كتيشن مي توان استفاده كرد ولي استفاده از دوبل كتيشن ها متداول تر است. در بعضي موقعيت هاي نادر مثل هنگامي كه محتواي عناصر خود داراي كتيشن هستند  لازم است كه از تك كتيشن استفاده كنيم: 'Name='john "shotgun" Nelson

يك فايل HTML چيست؟

• HTML مخفف زبان نشانه گذاري فرا متني است(hyper text markup language).
• يك فايل HTML يك فايل متني حاوي برچسب هاي كوچك نشانه گذاريست
• بر چسب هاي نشانه گذاري به مرورگرهاي وب بيان مي كنند كه صفحه را چگونه نشان دهد
• يك فايل HTML بايد داراي پسوند html. يا html. باشد
• يك فايل HTML مي تواند توسط يك ويرايشگر متني ساده ساخته شود

---

آيا مي خواهيد يكبار امتحان كنيد؟

اگر در حال كار با ويندوز هستيد برنامه note pad را اجرا كنيد. متن زير را تايپ كنيد.

This is my first home page. This text is bold

فايل را تحت عنوان "mypage.htm"ذخيره كنيد.
مرورگر اينترنت خود را باز كنيد، از منوي فايل گزينه "open" يا "open page" را انتخاب كنيد. يك جعبه گفتگو ظاهر خواهد شد .گزينه "brows" يا "choose file" را انتخاب كنيد و در مكاني كه فايل HTML خود را ساخته ايد قرار گيريد. آن را انتخاب كنيد و روي گزينه "open" كليك كنيد.حالا شما يك آدرس در جعبه گفتگوي خود مشاهده خواهيد كرد. بعنوان  مثال "C:\mypage.html" گزينه ok را كليك كنيد و مرورگر صفحه را به شما نشان خواهد داد.

---

مثال تشريح شده

اولين برچسب در فايل HTML شما ، است.اين برچسب به مرورگر شما مي فهماند كه اين آغاز يك فايل HTML است، آخرين برچسب در فايل شما است.اين برچسب به فايل شما مي فهماند كه اين انتهاي يك فايل HTML است.
متن هاي بين برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بين برچسب