الملف الشخصي
عرض المشاركات
عرض المقالات
الموقع الإلكتروني
مشاهدة الدروس
العناوين Headings HTML
هناك وسوم خاصة تستخدم لتمييز العناوين Headings في صفحات الإنترنت وتعّرف بالوسم <h1> إلى <h6>.
المثال:
جربه بنفسك »
الفقرات في HTML
أما وسم الفقرات فهو <p>
جربه بنفسك »
الوصلات في HTML
ووسوم الوصلات فتعرّف بـ <a>
جربه بنفسك »
لاحظ: أن الوصلة تكتب في الخاصية href.
(ستتعلم عن الخصائص في الدروس القادمة يإذن الله)
الصور في HTML
الصور تعرّف بالوسم <img>
جربه بنفسك »
لاحظ: بأن اسم الصورة وأبعادها من العرض والارتفاع زوّدت عن طريق الخصائص (attributes).
نطلق كلمة خاصية (Attribute) على التعابير التي تضاف إلى الوسوم، من أجل تحديد الكيفية أو الشكل الذي تعمل بها هذه الوسوم. وبعبارة أخرى فإن الوسم يقوم بإخبار المتصفح عن العمل الذي يجب القيام به أما الخاصية فتحدد الكيفية التي سيتم بها أداء هذا العمل.
كود بلغة HTML:
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
الفقرات في HTML
أما وسم الفقرات فهو <p>
كود بلغة HTML:
<p>This is a paragraph.</p> <p>This is a paragraph.</p>
الوصلات في HTML
ووسوم الوصلات فتعرّف بـ <a>
كود بلغة HTML:
<a href="http://www.floatbird.net">هذه وصلة</a>
لاحظ: أن الوصلة تكتب في الخاصية href.
(ستتعلم عن الخصائص في الدروس القادمة يإذن الله)
الصور في HTML
الصور تعرّف بالوسم <img>
كود بلغة HTML:
<img src="floatbird.png" width="104" height="142" />
لاحظ: بأن اسم الصورة وأبعادها من العرض والارتفاع زوّدت عن طريق الخصائص (attributes).
نطلق كلمة خاصية (Attribute) على التعابير التي تضاف إلى الوسوم، من أجل تحديد الكيفية أو الشكل الذي تعمل بها هذه الوسوم. وبعبارة أخرى فإن الوسم يقوم بإخبار المتصفح عن العمل الذي يجب القيام به أما الخاصية فتحدد الكيفية التي سيتم بها أداء هذا العمل.
FatCow
