از امروز آموزش طراحي صفحات وب را با آموزش html  آغاز مي كنيم.

قبل از خواندن اين مطلب وبراي اينكه تفاوت بين html    و xhtml  را بدانيد وبتوانيد استانداردهاي وب رادر طراحي هاي خود رعايت كنيد اين مقاله را بخوانيد.

براي شروع به معرفي عناصر سازنده  وب وچند اصطلاح معمول در html  مي پردازم كه با آن زياد سروكار خواهيم داشت:

هر صفحه وب از سه مؤلفه تشكيل شده است :

محتويات متني (  Text Contect ) شامل Header  ها و پاراگراف ها كه بر روي  صفحه ظاهر مي شوند.

رفرنس ها ( References ) شامل لينك ها،تصاوير كه باعث برقراري ارتباط با محتويات صفحات وب مي شد.

علائم ( Markup  ) دستوراتي هستند كه چگونگي نمايش رفرنس ها ومحتويات متني را مشخص مي كند.

علائم : المان ها ، خصيصه ها ، مقادير

علائم در XTHML بر سه نوع مي باشند; المان ها – خصيصه ها ومقادير

المانها ( Elements ) مانند ليبل هاي كوچكي هستند كه قسمت هاي مختلف يك صفحه وب را تعريف مي كند وشامل يك يا چند خصيصه اند.

المانها بر دو نوعند : Inline  و  Block-Level

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

اما المان هاي Block-Level  جزو ساختار هاي بزرگ صفحه هستند ومي تواند المان هاي Inline  و   Block-Level ديگري را هم در بر گيرد.واگر الماني بصورت Block-Level  بيايد همواره بر روي خط جديد قرار مي گيردمانند يك پاراگراف جديد در يك صفحه وب.

HTML مخفف كلمات""hypertext markup languageاست به معني زبان نشانه گذاري ابرمتن.

درواقع html زبان ساخت صفحات  اينترنت ( بصورت استاتيك ) مي باشدواين زبان باعث عموميت ودگرگوني

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

امامشكل اساسي درhtml  سازگاري بامرورگرهاست يعني امكان نداشت تمام مرورگرهايك صفحه رابه يك شكل نشان دهد

لذاW3C  براي حل اين مشكل شروع به استانداردسازي كردوبراي همين قوانيني راوضع كردوسازندگان مرورگرهاراملزم

به رعايت اين قوانين كرد

HTML3.2 آغازايناستانداردسازي بودوhtml4 حركتي مثبت به جلو.درhtml4 , w3c سيستم جديدي رابراي فرمت متن معرفي

كردبانامcss  ((cascading style sheet اين سيستم كه ازساختارومحتويات صفحه جدابودكنترل بيشتري برفرمت متن داشت.

اماباز w3c –html4 رازيرساخت محكمي نمي دانست و) xml  (Extensible Markup Languageراپيشنهادكرد.

XML و XHTML:

Xml  يك زبان نشانه گذاري قدرتمندبراي ساخت زبان هاي ديگراستوباآن مي توان يك زبان علامتگذاري سفارشي طراحي

وبراي فرمت اسنادخودازآن استفاده كرد.

اماباوجودقدرتمندبودن xml معايبي هم داشت ازجمله:

خواندن وتفسيرآن براي مرورگربه آساني html نبودوبراي تفسيرآن نيازبه پارسرهاي xml  بودوديگراينكه به اندازه

Html  ساده نبود لذا w3c  دوباره html  رابازنويسي كردواينبارازxml  هم درآن به كاربردوزبان جديدي رامعرفي كرد

كه درآن تمام ويژگي هاي html بودوتمام مرورگرهاقادربه خواندن وتفسيرآن بودندوتمام كساني كه باhtml كاركرده بودند

مي توانستندازاين زبان استفاده كنندوازطرفي طرزنوشتن اين زبان مانندxml بودلذا قدرت واستحكامxml  رادارابودوپايه

وزيرساخت خوبي براي css بود.اين زبان چيزي نبودجزXHTML