معرفی تگ ها و ویژگی های آن ها در html
html رو میتوان مبنایی برای ایجاد صفحات وبسایت دانست. به عبارتی تمامی زبانهای برنامه نویسی تحت وب دارای وابستگی به زبان html است. HTML ( اچ تی ام ال ) مخفف عبارت Hyper Text Markup Language میباشد. این عبارت به معنی زبان نشانه گذاری فوق متن است. اچ تی ام ال زبان استاندارد طراحی صفحات وب است.برای یادگیری اچ تی ام ال باید مرحله به مرحله باید جزئیات آن آشنا شوید. قبل از آنکه بخواهیم شروع به نوشتن فایل های اچ تی ام ال کنیم ابتدا باید با مفهوم تگ ها در html آشنا شد.
معرفی تگ ها
تگ ها در html بسیار مهم و حیاتی هستند و دارای مفهوم خاصی میباشند. نکته مهمی که باید به آن اشاره کرد کاربرد تگ در اچ تی ام ال است. زیرا html تمام کارهای خود را توسط تگ ها انجام میدهد. تگ ها معمولا دارای یک شروع و پایان هستند و محتوا در مابین آنها قزاز میگیرد. این کد را در نظر بگیرید :
- <start>محتوای تگ</end>
در این کد شاهد یک شروع یک پایان و محتوایی که مابین آن در تگ قرار گرفته است میباشیم. در ادامه با برخی از تگ ها آشنا خواهیم شد.
تگ تو در تو در اچ تی ام ال
مفهوم تگ تو در تو بدین معنا میباشد که میتوانید از یک تگ درون تگ دیگری استفاده نمایید. برای درک بهتر این موضوع به کد زیر دقت فرمایید :
- <tag1>
<tag2>محتوای تگ دوم</tag2>
</tag1>
در این کد ابتدا تگ 1 ایجاد شد سپس به عنوان محتوای تگ 1 یک تگ جدید که تگ 2 نام دارد ایجاد میکنیم سپس این تگ هارا میتوانیم بصورت تو در تو استفاده نماییم.
نکته ای که باید به آن توجه کرد حساس بودن تگ ها به حرف های بزرگ و گوچک است. بدین منظور باید تمامی تگ ها را در اچ تی ام ال با حروف کوچک نوشت.
کد های پیش فرض
برای آنکه بتوانیم به مرورگر اعلام نماییم که قصد داریم کد های html بنویسیم و برای آنکه این کد ها دارای ساختار استاندارد باشند باید یک سری کد ها را بصورت پیش فرض در فایل html خود داشته باشیم. این کد ها برای این منظور هستند که به مرورگر ثابت کنند این فایلی که در حال اجرای آن هستند یک فایل HTML است. برای تعیین ساختار اچ تی ام ال از یک سری کد ها استفاده میکنیم که در ادامه بطور خلاصه با هر کدام از آنها آشنا خواهیم شد.
- <!DOCTYPE html>
این اولین خط کدی است که با نوشتن آن در فایل اچ تی ام ال خود به مرورگر شما این پیام را میدهد که شما از آخرین نسخه html استفاده کنید.
- تگ <head>
تگ <head> نقش مهمی در html بر عهده دارد. اگر بخواهیم چیزی را بصورت تنظیمات در فایل اچ تی ام ال قرار دهیم آنرا در تگ <head> قرار خواهیم داد. یعنی اگر بخواهیم یک فایل css یا جاوا اسکریپت را اضافه کرده یا عنوان صفحه را تغییر دهیم تمامی این کار ها در تگ head انجام میشود.
- تگ body
این تگ شامل تمامی مواردی است که در صفحه وب نمایش داده میشود.
ویژگی تگ های html
تگ های اچ تی ام ال دارای ویژگی هایی هستند که هر کدام از این ویژپی ها میتواند توضیحات بیشتری درر مورد المان اچ تی ام ال ارائه نماید. لازم است بدانید که ویژگی های المان اچ تی ام ال در تگ آغازین قرار میگیرد.
ویژگی lang در html
زبان سند با ویژگی lang در تگ html معرفی خواهد شد. تشخیص زبان سند html برای برنامه های کاربردی که با آن صفحه وب کار میکنند و برای موتوهای جستجو همانند گوگل بسیار مهم و حیاتی است.
ویژگی href در html
برای انکه در اچ تی ام ال لینک یا پیوند داده شود باید از تگ <a> استفاده نمود. حال اگر بخواهیم صفحه ای را که قصد داریم لینک به آن داده شود را تعریف نماییم از ویژگی href درون آن تگ استفاده خواهیم کرد.
ویژگی size در html
برای آنکه در اسناد html یک تصویر اضافه نماییم از تگ <img> باید بهره برد. برای آنکه آدرس منبع تصویر روی وب مشخص شود ویژگی src مورد استفاده قرار میگیرد. برای آنکه عرض و ارتفاع تصویر تعیین شود باید از دو ویژگی width و height استفاده کرد.
ویژگی alt در html
alt به معنای متن جایگزین است. این ویژگی بهتر است در تگ تصویر مورد استفاده قرار گیرد. این ویژگی دارای کاربردهای زیادی است که از جمله انها کاربردش در موتورهای جستجو ، ارتباط دادن تصویر با یک عبارت قابل درک ، نمایش متن جایگزین جای تصویر زمانی که تصویر قابل نمایش نباشد.
