HTML Attributes - خصائص الأوسمة


الدرس الرابع من دورة تعلم HTML ، وهذا الدرس تحت عنوان خصائص الأوسمة .​

سنتعلم في هذا الدرس كيف نضيف خصائص الأوسمة إلي الكود الخاص بنا و توفر خصائص الأوسمة و تسمى أيضا السمات معلومات إضافية حول عناصر HTML.

هناك أنواع كثيرة من السمات أو الخصائص، فهناك عناصر HTML تتوفر على سمات في شكلها العادي و بدون تلك السمات لاتقوم بعملها أصلا كما أن هناك عناصر لاتتوفر على هذه السمات أو الخصائص و يتم إضافتها فقط من أجل إضافة بعض المعلومات أو بعض الإمكانيات أو حتى بعض المميزات لهذه العناصر.

و السمات تكتب دائما في وسم البداية و تكون على الشكل التالي : إسم = "قيمة" .

دون أن أطيل عليك في الشرح النظري أنتقل بك إلى الشرح العملي في الفيديو أسفله لتسهيل فهم هذا الدرس.

خصائص الأوسمة - HTML Attributes






<!doctype html>
<!-- الكتابة ستبدأ من اليمين بسبب خاصية الاتجاه -->
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<title> HTML Attributes </title>
</head>
<body >
<!-- align العنوان سيكون في منتصف الصفحة بسبب خاصية -->
<h1 align="center" title="this title" > عنوان </h1>

<!-- الفقرة ستكون بحجم 500 ولونها أحمر مع ترتيب للحواف الجانية -->
<p style="width: 500px; color:red;" align="justify">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua.Ut enim ad minim veniam, uis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo onsequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</p>

</body>
</html>​