U3F1ZWV6ZTMzNzE0NzkxNV9BY3RpdmF0aW9uNDQzNjUxMw==

Html5| (المقالة التالتة)Attributes و Heading


Html5| (المقالة التالتة)Attributes و Heading

بسم الله الرحمان الرحيم 
مرحبا بكم
في المقالة التالتة في دورة
وبعد ان تعرفنا في المقالات الاولى
على مقدمة دورة
وفي المقالة التانية التي من خلالها تطرقنا الى تنصيب الدوات الازمة لهذه الدورة
ومن خلال هذه المقالة سنتعرف على
  1. Attributes
  2. Heading
حيت سنتعرف في المحور الاول عن شرح خواص وسمات العناصر Attributes وكيفية التعامل معها.
ومن خلال المحور التاني سنتعلم كل ما يخص عناوين النصوص Heading.

المحور الاول  Attributes 

Attributes هي الصفات والسمات الخاصة بالعناصر
حيت ان <h1> عنصر من العناصر
<h1></h1>
وان <p> كذالك عنصر من العناصر
<p></p>
Html5| (المقالة التالتة)Attributes و Heading
Html5| (المقالة التالتة)Attributes و Heading

وكل عنصر سنتكلم عليه في الدرس الخاص به لكن هناك عناصر لها سيمات و Attributes الذي سنتكلم عليها في هذه المقالة
link كذالك عنصر
<a href="https://www.google.com">googel</a>
و href وهو المرجع الذي سيذهب اليه
href يعتبر سمة من السيمات
لو افترضنا ان عنصر الروابط هو
<a>اسم الموقع</a>
فإن سيمة هذا العنصر هي
href="ربط الموقع"
وهناك انواع كتيرة من السيمات
وأيضا هناك عناصر لها سيمات و عناصر بدون سيمات
لنتطرق الى مثال تاني
قبل الذخول في Attributes

متل
"target="-blank
هذا متال قبل وضع سيمة "target="-blank
Html5| (المقالة التالتة)Attributes و Heading

ربط الموقع
بعد وضع سيمة "target="-blank

Html5| (المقالة التالتة)Attributes و Heading

فتح صفحة الموقع في نافدة جديدة
وهده شيء من حاجات التي اسمها Attributes


Html5| (المقالة التالتة)Attributes و Heading

Attributes يكون نظامه ماذا ؟
يعني
""=name
ك مثال
"ربط الموقع"=href
"target="-blank 
وشيء تاني يمكن ان يكون
في نفس الخواص
كمتال عنصر الصور كود الصور يكتب على هذا الشكل
  <"رابط الصورة"=img src>
""=src رابط الصورة يسمى Attributes
متلا في صورة Attributes اخر متل
"title="Hello
عنوان الصورة


Html5| (المقالة التالتة)Attributes و Heading
< "عنوان الصورة"=title "رابط الصورة"=img src>
Html5| (المقالة التالتة)Attributes و Heading


كل هذا يعتبر Attributes
وشيء المطلوب من هذا المحور هو نعرف كل عنصر بعناصر لها Attributes ولها سيمات اظافية تتم اظافتها بشكل الذي تطرقنا اليها
وهناك عناصر لها سيمات لا تنتهي
كمتل لذينا عنصر
<input>
سنتطرق اليه في المواضيع النتقدمة في هذه الدورةفي المقالة التالتة في
دورة

ويكتب
<"input type="text" value="New>
Html5| (المقالة التالتة)Attributes و Heading

وهذا input حقل ادخال عادي سنتطرق اليه في المقالات متقدمة من هذه الدورةوسنتكلم عنه بتفصيل الممل
هذا هو حقل ومعه كلمة New جاهزة
هذه حاجة اسمها



Html5| (المقالة التالتة)Attributes و Heading
 "type="text
ممكن اجعل مكان text
password
<""=input type="password" value>
Html5| (المقالة التالتة)Attributes و Heading

Html5| (المقالة التالتة)Attributes و Heading

وكل هذا سنتطرق اليه في وقته الاهم الان هو ان تتعرف ما معنى Attributes



المحور التاني Heading

Heading حاجة مهمة جدا في الوب
Heading لها استخدامات ويجب استخدامها باطريقة الصحيحة ولها حاجات ينصح استخدامك فيها Heading
متلا بكتب قصة
<h1/>عنوان القصة<h1>
<p/>نص القصة<p>
كما في الصورة
Html5| (المقالة التالتة)Attributes و Heading

Html5| (المقالة التالتة)Attributes و Heading

و h1 هو اكبر انواع Heading وهو اكبر العناوين
يوجد من عنصر
<h1>الى حدود <h6>
ويمكن ان استخدم <h2> في عنوان فرعي للقصة كما فيالصورة
يمكن ان نكتب
<h2>chapter 1</h2> 
<p/>نص<p>
Html5| (المقالة التالتة)Attributes و Heading

Html5| (المقالة التالتة)Attributes و Heading

هنا <h1> يتكلم على عنوان القصة
و <h2> يتكلم على محور او عنوان فرعي في القصة

ملاحظة 

يمكن ان استفيد من Headin
محركات البحت تستفيد من Heading بكونها تحدد محتوى موقعك
وتفيد ايضا في تكوين علاقة صداقة مع محركات البحت
استخدام Heading بطريقة غير صحيحة لن تنفعك في موقعك
لا في التكوين ولا ايضا في تكوين صداقة مع محركات البحت
ويضا لا يمكن استعمال Heading في تكبير كلمة داخل نص
متلا كما في الصورة

Html5| (المقالة التالتة)Attributes و Heading

ستلاحظ انه عند وضع كلمة 

<h1></h1>

سيفصل الكلمة وترجع الكلمة الى سطر

Html5| (المقالة التالتة)Attributes و Heading
عرفنا الان فائدة Heading العنوين
وهنا متال عن الاحجام المختلفة بين


<h1>Story title</h1>
<h2>Story title</h2>
<h3>Story title</h3>
<h4>Story title</h4>
<h5>Story title</h5>
<h6>Story title</h6>
كما في الصورة

Html5| (المقالة التالتة)Attributes و Heading

Html5| (المقالة التالتة)Attributes و Heading
في هذه المقالة تعرفنا على
Attributes وانواع السيمات لكل عنصر
Heading تعرفنا على استخدامته باضبط
وفي المقالة الرابع سنتطرق الى
تعلم كل ما يخص الفقرات النصية Paragraph في لغة Html
وايضا تعلم كل ما يخص الصور وكيفية وضع صور في موقعك



ختاما شكرا على المتابعة


ليست هناك تعليقات
إرسال تعليق

إرسال تعليق