تگ های اچ تی ام ال

تگهای html  هر وب مستری باید اشنا باشه تا بتواند به راحتی هدایت وب سایت خودش را بداند هر زبان کد نویسی در دنیای آنلاین و افلاین نیازمند اچ تی ام ال هستند تنها زبان نمایش یک وب سایت می باشد بنده سعی کردم تگهای کاربردی که هر وب مستری دانش آن را داشته باشند اینجا  با زبان خیلی ساده ایجاد کردم

تگ < span > :

از تگ < span > برای تقسيم بندی متن يک پاراگراف به قطعات مجزا استفاده می شود ، که می توان به هر قسمت ويژگی ها و style متفاوتی را اعمال کرد . متن مورد نظر برای هر قسمت در بين تگ باز و بسته < span > قرار می گيرد .
برای مثال می خواهيد بخشی از يک پاراگراف به رنگ سبز باشد . در اين حالت بخش مورد نظر را در يک < span > قرار داده و خاصيت color آن را در قسمت style به رنگ سبز تعيين می کنيم .

تگ < Colgroup > , < Col > :

تگ < colgroup > برای دسته بندی گروهی از ستون های يک جدول ( تگ های td ) جهت قالب بندی و تعيين خصوصيات ، استفاده می شود . تگ < colgroup > ، فقط خصوصيات را نگهداری کرده و هيچگونه خروجی بر روی صفحه ندارد . به ازای هر ستونی که قرار است توسط اين تگ دسته بندی شود ، يک تگ < col > درون آن ايجاد می شود .
نکته : تگ < colgroup > فقط درون تگ < table > قابل استفاده است .

کتنرل < fieldset > :

اين کنترل توسط تگ < fieldset > ايجاد شده و به دور محتويات درونی خود يک کادر ايجاد می کند . تگ ها و عناصری که بين تگ باز و بسته < fieldset > قرار بگيرند ، عناصر درونی آن را تشکيل می دهند . از اين کنترل برای دسته بندی عناصر و گروه های مختلف استفاده می شود .

* تگ < legend > :

از اين تگ برای ايجاد عنوان برای کادر fieldset استفاده می شود . متنی که بين تگ باز و بسته < legend > قرار بگيرد ، تعيين کننده عنوان کادر است . در مثال زير نحوه استفاده از اين تگ نشان داده شده است

مثال : در مثال زير 2 کادر متن را در درون يک fieldset قرار داده ايم :

کنترل < label > :

اين تگ برای ايجاد يک عنوان برای يک کنترل ديگر HTML استفاده می شود . برای ايجاد ارتباط بين تگ < label > و کنترل مورد نظر ، خاصيت for تگ label را برابر id کنترل مورد نظر قرار می دهيم .
برای مثال ، اگر يک دکمه راديويي با id = Male داشته باشيم و بخواهيم يک label برای آن طراحی کنيم ، برای ايجاد ارتباط بين label و دکمه راديويي ، خاصيت for تگ label را برابر id دکمه راديويي يعنی Male قرار می دهيم . در اين صورت کليک کردن بر روی نوشته label همانند کليک کردن بر روی خود کنترل مورد نظر است .

تگ < input > :

تگ < input > برای ساختن انواع کنترل های HTML از قبيل کادر های متن ، ليست های بازشو ، دکمه های فرمان و انتخابی و ... درون فرم ها استفاده می شود . نوع کنترل توسط خاصيت Type در درون تگ input مشخص می شود .
نکته : تگ < input > بايد در درون تگ < form > استفاده شود .
شکل کلی تعريف يک کنترل به صورت زير است :

ليست های ترتيبی ، تگ < ol > : 

يک ليست ترتيبی ، مجموعه ای از موارد و آيتم های متفاوت در مورد يک موضوع خاص است که در ابتدای خط تعريف هر آيتم ، يک شماره يا حرف ( نماد نشانه گذاری ) قرار گرفته ، که با معرفی هر آيتم جديد شمارنده يا حرف يک واحد افزايش می يابد .
برای ايجاد ليست های ترتيبی از تگ < ol > مخفف عبارت ( Ordered List ) به معنای ليست های ترتيبي استفاده می شود . هر يک از آيتم های ليست توسط يک تگ دروني < li > در تگ< ol > تعريف می شود . متن بين تگ باز و بسته < li > ، عنوان يا متن آن آيتم است .

تگ < abbr > :

از اين تگ معمولا برای نمايش يک متن کوتاه و خلاصه شده برای يک واژه يا عبارت بزرگتر استفاده می شود . به طور مثال در انگليسی به جای عبارت et cetra از واژه etc استفاده می کنند .
ويژگی مهم تگ < abbr > اين است که می تواند يک مقدار توسط خاصيت title خود گرفته و در هنگام قرار گيری موس بر روی واژه خلاصه شده ، ان نوشته در يک کادر زرد رنگ نمايش دهد .

تگ < bdo > :

اين تگ مشخص کننده جهت نمايش متن درون خود است . خاصيت dir مشخص کننده جهت نوشته است ، که دو حالت کلی دارد :
1) rtl : راست به چپ
2) ltr : چپ به راست
نکته : برای زبان هايي مثل فارسی يا عربی از جهت راست به چپ و برای زبان های مثل انگليسی از جهت چپ به راست استفاده می شود .
نکته : از اين تگ ديگر استفاده نمی شود و به جای آن از خاصيت direction در style ها استفاده می شود

تگ < img > :

از تگ < img > برای قرار دادن عکس در قالب استفاده می شود