عنصر اچ تی ام ال HTML Element
در html نحوه ی نوشتن تگ ها در اکثر مواقع با تگ شروع آغاز و با تگ پایان تمام می شود به جز در چند مورد استثنا که تنها تگ شروع خواهیم داشت . هر تگ در اچ تی ام ال صفت و و یژگی هایی را می پذیرد که در جدولی صفت ها و ویژگی های تگ ها بیان خواهد شد.
دسته بندی تگ ها در html
در مجموعه آموزش های توسکاوب هدف، آموزش ساده و بدون سردرگمی می باشد از این رو ابتدا دسته بندی تگ های html معرفی شده است و در ادامه تگ های اچ تی ام ال مرتبط به هر دسته معرفی خواهد شد.
تگ های معنایی (BasicTags)
در تصویر تگ های پایه ای در html با عملکرد هر کدام توضیح داده شده است که Basic Tags شامل تگ های ساختار صفحه ای سند html می باشد و هم چنین تگ های پر کاربرد عناوین که برای موتورهای جستجو (که مهم ترین موتور جست و جو گوگل می باشد) دارای اهمیت است در دسته ی Basic Tags قرار دارد.
هم چنین تگ پاراگراف html و خط شکست html در این دسته توضیح داده شده است.
تگ های هد و متا دیتا (Meta InfoTags)
تگ head در ظاهر صفحه نشان داده نخواهد شد و شامل اطلاعات صفحه ی html برای مرورگر و موتورهای جست و جو می باشد در تگ head از چند تگ استفاده می شود که متا دیتاها از تگ هایی است که در head قرار می گیرد و حاوی اطلاعات برای موتور جست و جو می باشد و حتی ورود موتور جست و جو به صفحه را کنترل می کند و هم چنین کلمات کلیدی ای که به محتوا مربوط باشد در متا دیتا ها قرار خواهد گرفت، درباره ی سئو در مبحث سئو توضیح داده خواهد شد. تگ head حکم سر صفحه html را دارد.
تگ های قالب بندی متن(Formatting Tags)
در html هر تگ برای هدفی کاربرد دارد ما با تگ ها هدف محتوا را مشخص خواهیم کرد. تگ های قالب بندی متن در html به نحوه ی نمایش متن در صفحه اشاره دارد.اگر تصمیم داشته باشیم محتوا به صورت پررنگ دیده شود از تگ مخصوص خودش استفاده خواهد شد. برای قالب بندی بهتر و زیباتر محتوا امروزه از css کمک گرفته می شود و برخی از تگ های قالب بندی html استفاده عملی چندانی نخواهد داشت.
تگ های قالب بندی متن (Formatting Tags)
در این تصویر ادامه ی تگ های قالب بندی در html نمایش داده شده است. این تگ ها پر کاربردترین تگ های قالب بندی در html می باشد، اما به تنهایی برای استایل دادن و قالب بندی متون در دنیای امروز برای داشتن سایتی کاربر پسند کافی نخواهد بود و با کمک زبان استایل دهی css ما سایت های جذاب امروزی را مشاهده خواهیم نمود.
تگ های چارچوب و برنامه نویسی(Frame/Programming Tags)
زمانی که قصد داریم برای محتوای نمایش داده شده در html یک چارچوب، فضای مشخص تعریف کرده از تگ iframe استفاده می کنیم. iframe یک چارچوب با طول و عرض دلخواه ما دریافت نموده و محتوا را همراه اسکرول در فضای معین نمایش خواهد داد.
تگ تصویر (Img Tag)
تگ تصویر در اچ تی ام ال برای نمایش محتوای تصویر از طریق لینک دادن به محل ذخیره تصویر کاربرد داشته است. کلمه img مخفف کلمه imageمی باشد و معرف یک تصویر است و از طریق صفت های html (که معرفی خواهد شد) محل ذخیره تصویر به تگ گفته شده و تصویر نمایش داده خواهد شد، ویژگی alt که یک صفت تگ img می باشد معرفی تصویر برای موتور جست و جو را بر عهده خواهد داشت.
