الدرس الثاني

الان نقوم بعرض الملف السابق

نقوم بفتح الملف index.html   عن طريق متصفح انترنت حسب المتصفح الموجود علي الجهاز .سوف تظهر صفحة فارغة .. وعنوان هذه الصفة اعلي المتصفح هو مقدمة لغة HTML

 

 

الان نقوم بشرح هذه الوسوم    :

 

علامة HTML   وتمثل المستند بالكامل ,فهي اول ما يفتح من العلامات واخر ما يغلق بحيث جميع العلامات الأخرى تكتب ضمنه .

علامة head وتمثل رأس الصفحة والمحتوي الذي يكتب في ضمنه ولا يظهر في الصفحة عدا العنوان الذي يكتب ضمن الوسم title والذي يظهر في رأس الصفحة , وأشياء أخرى لها تأثير علي المحتوى لكنها لا تظهر .

الوسم title   وضمنها يكتب العنوان الذي يظهر في رأس الصفحة .

الوسم body   وهي الأهم وتمثل جسم الصفحة وضمنها يكتب المحتوي الذي يظهر من نصوص وحقول وصور وصوتيات .

 

_ وسم البداية __      وسم النهاية

|      |                |     |

<title> مقدمة لغة   HTML </title>

  |__محتوى العنصر___|

 

 

علامات و وسوم النصوص :

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

 

وسم العناوين   heading:

يتكون من حرف h  رقم كل رقم يمثل حجم العنوان  مثلا عنوان رئيسي عنوان فرعي

 

<h1> عنوان 1  </h1> 

<h2> عنوان 2 </h2>

<h3> عنوان 3 </h3>
<h4> عنوان 4 </h4>

<h5> عنوان 5 </h5>

<h6> عنوان 6 </h6>

 

 

 


فقرات html :

 وسم  : "<p></p>"

يستخدم للفقرات  كتابة كل فقرة من النص منفصلة .

مثال :

 

  </p> هذا مثال للفقرة <p>

  </p> هذا مثال اخر للفقر ة <p>

 

 

جرب هذه الأمثلة .

 

وسم الروابط :

 

"<a></a>"

يستخدم لتنقل الي رابط خارجي او صفحة داخل الموقع

 

<a href="https://www.softwareplusgroup.com">هذا رابط الموقع </a>

الوسم  href يتم تحديد وجهة الارتباط .

 


وسم الصور :

يتم تعريف  وسم الصور  بالعلامة    " <img>"  

وسم الصور من الوسوم المفردة

<img src="image.jpg" alt="image ">

      يرمز الي مصدر الصورة او المسار او مكان الصورة src  

      يرمز الي نص بديل في حالة عدم ظهور الصورة .Alt  

 

أيضا يمكن تحديد العرض  والارتفاع للصورة

<img src="image.jpg" alt="image " width="104" height="142">

وسم الازرار :

<button></button>

وسم مزدوج يستخدم لتنفيذ الاحداث او الانتقال الي صفحة اخري

<button> اضغط هنا </button>