90/9/23
8:24 ص
HTML برای همه - بخش دوم- شناخت تگ های ضروری
در درس گذشته با اصول ساختاری یک فایل HTML آشنا شدیم و در پروژه آزمایشی مان یک صفحه وب ایجاد کردیم. اما محتوای صفحه خیلی به هم ریخته و شلوغ و ناخوانا بود. خب حالا نوبت آن است که کمی به ظاهر و نوع نمایش محتوای این صفحه برسیم. شاید کمی باید چارچوب قرارگیری آن را هم اصلاح کنیم.معرفی می کنم… عنصر اچ تی ام ال. بگذارید قبل از آنکه از عناصر اچ تی ام ال یا همان تگ ها در متن مان استفاده کنیم، ابتدا با ساختار کلی آنها آشنا شویم.
عناصر یا Elements در هر متن اچ تی ام ال با تگ ها مشخص می شوند. هر تگ معمولا حاوی نام یا خلاصه نام عنصر مورد نظر است که در میان دو علامت کوچکتر و بزرگتر قرار گرفته است. مرورگر همیشه می داند که آنچه میان این دو علامت <> قرار دارد یک کد اچ تی ام ال است که باید ترجمه شود و مانند متن عادی آن را به کاربر نشان نمی دهد. عناصر معمولا شامل دو تگ آغاز و پایان هستند که تگ آغاز حاوی نام یا علامت اختصاری عنصر است و تگ پایان هم تکرار همان عبارت با علامت اسلش / است.
نکته: توجه داشته باشید که هیچ گاه اشتباها به جای اسلش / از علامت بک اسلش \ استفاده نکنید.
تگ های حاوی عنصر همیشه در دو طرف متن برای شکل دهی و طراحی آن به کار می روند. البته برخی از تگ ها هم (مانند تگ img) خالی هستند و چیزی درونشان نوشته نمی شود یا اینکه به بخش پایانی نیازی ندارند.
حالا نوبت به شیوه چینش و استفاده از تگ ها و کدهای اچ تی ام ال می رسد. به این موضوع در درس «آناتومی یک صفحه وب» بیشتر خواهیم پرداخت. اما دانستن اصول اولیه آن خالی از فایده نیست. همیشه شروع هر صفحه اچ تی ام ال با تگ <html> است. بعد از آن تگ <head> باز شده که می تواند شامل بخش های زیادی از جمله عنوان صفحه یا <title> باشد. در قسمت هد بیشتر اطلاعات لازم درباره استانداردها و زبان صفحه یا فایل های کمکی لازم برای نمایش وب سایت و همچنین شیوه معرفی آن به موتورهای جستجو قرار می گیرند.
بعد از بسته شدن بخش هد با تگ </head> نوبت به بدنه اصلی صفحه وب با تگ <body> می رسد که حاوی محتوای اصلی صفحه وب ما است. آنگاه در پایان، تگ بدنه و اچ تی ام ال را به ترتیب با </body> و </html> می بندیم.
خب، حالا آماده شکل دهی به صفحه وب تان هستید؟ بگذارید ابتدا با کدهای زیر سرو سامانی به صفحه پروژه جاری مان بدهیم و بعد از آن به سراغ معرفی تگ های پر کاربرد زبان اچ تی ام ال می رویم.
ادامه بحث را در ادامه مطلب مطالعه کنید
مطالب کامپیوتری دارم. از همه وبلاگ ها هم دیدبانی میکنم.در میهن بلاگ هم با همین اسم یک وبلاگ دارم