زبان HTML شامل تعدادی از عناصر است. این شامل اجزای وب سایت معمولا استفاده می شود مانند پاراگراف ها، عنوان ها، لینک ها و تصاویر. همچنین تعدادی از عناصر جدیدتر که با HTML5 معرفی شده اند شامل هدر، نوک، پاورقی و غیره هستند. همه این عناصر HTML برای ایجاد ساختار یک سند استفاده می شود و معنای آن را می دهد. برای افزودن عناوین حتی بیشتر به عناصر، می توانید ویژگی های آنها را بدهید.
تگ باز کردن HTML اولیه با
برای اضافه کردن ویژگی به تگ HTML خود، ابتدا پس از نام تگ (در این مورد "p") یک فضای ایجاد کنید. سپس نام اسامی را که می خواهید استفاده کنید و علامت برابر آن را اضافه کنید اضافه کنید. در نهایت، مقدار مشخصه در علامت نقل قول قرار می گیرد. مثلا:
برچسب ها می توانند چندین ویژگی داشته باشند. شما می توانید هر یک از ویژگی های دیگر را با یک فضا جدا کنید.
عناصر با ویژگی های مورد نیاز
برخی از عناصر HTML واقعا نیاز به ویژگی دارند اگر شما می خواهید آنها را به عنوان در نظر گرفته شده کار می کنند. عنصر تصویر و عنصر لینک دو مثال از این است.
عنصر تصویر نیاز به ویژگی "src" دارد. این ویژگی به مرورگر میگوید که تصویری که میخواهید در آن مکان استفاده کنید. مقدار صفت یک مسیر فایل به تصویر می باشد. مثلا:
متوجه خواهید شد که ویژگی دیگری برای این عنصر، ویژگی "alt" یا متنی متناوب اضافه کردم. از لحاظ فنی از ویژگی های مورد نیاز برای تصاویر نیست، اما این بهترین تجربه است که همیشه این محتوا را برای دسترسی به آن در نظر بگیریم. متن ذکر شده در مقدار ویژگی alt همان چیزی است که اگر یک تصویر برای برخی از دلایل بارگذاری نشد ، نمایش داده خواهد شد.
عنصر دیگری که نیاز به ویژگی خاص دارد، برچسب لنگر یا پیوند است. این عنصر باید شامل ویژگی "href" باشد که عبارت است از "مرجع فوق العاده اکتیو". این یک روش فانتزی است که می گوید "این لینک باید برود." همانند عنصر تصویر باید بداند کدام تصویر برای بارگذاری، برچسب لینک باید می دانید کجا باید آن را داشته باشید. در اینجا این است که چگونه یک برچسب لینک ممکن است نگاه کند:
این لینک در حال حاضر یک فرد را به وب سایت مشخص شده در ارزش یک مشخصه می برد. در این مورد، این صفحه اصلی است.
ویژگی ها به عنوان قلاب CSS
استفاده دیگر از ویژگی ها زمانی است که آنها به عنوان "قلاب" برای سبک های CSS مورد استفاده قرار می گیرند. از آنجا که استانداردهای وب دیکته می کنند که شما باید ساختار صفحه خود را (HTML) جدا از سبک های آن (CSS)، از این قلابهای ویژگی در CSS برای تعیین نحوه نمایش صفحه ساخت یافته در مرورگر وب استفاده کنید. به عنوان مثال، شما می توانید این تکه نشانه گذاری را در سند HTML خود داشته باشید.
اگر شما می خواهید این بخش به رنگ پس زمینه سیاه (# 000) و اندازه فونت 1.5em باشد، می توانید این را به CSS خود اضافه کنید:
.featured {background-color: # 000؛ font-size: 1.5em؛}خصیصه کلاس "برجسته" به عنوان یک قلاب که ما در CSS استفاده می کنیم برای اعمال سبک به آن منطقه عمل می کنیم. اگر می خواستیم، می توانیم در اینجا نیز ویژگی شناسایی کنیم. هر دو کلاس و ID ها ویژگی های جهانی هستند، به این معنی که آنها می توانند به هر عنصر اضافه شوند. آنها همچنین می توانند با هر شیوه خاص CSS برای تعیین ظاهر بصری این عنصر مورد هدف قرار گیرند.
در مورد جاوا اسکریپت
در نهایت، با استفاده از صفات در برخی از عناصر HTML نیز چیزی است که شما ممکن است در جاوا اسکریپت استفاده کنید. اگر شما یک اسکریپت دارید که عنصر را با خاصیت شناسه مشخص می کند، این یکی دیگر از استفاده از این بخش رایج زبان HTML است.