مقدمة HTML

html هي اختصار لكلمة Hypertext Markup Language وتعنى لغة النص الفائق أو ترميز النص الفائق ، وهذه اللغة ليست لغة برمجة كما يعتقد البعض ولكنها لغة توصيف وتستخدم لإنشاء وهيكلة صفحات الويب ، وتعتبر هذه اللغة هي البنية الأساسية لأي صفحة ويب

نستخدم في صفحة الويب وسوم html وكل وسم يصف شئ معين مثلا وسم p يستخدم لكتابة الفقرات النصية ووسم img يستخدم لإضافة الصور ووسم input يستخدم لإضافة حقول الادخال ووسم table يستخدم لإنشاء الجداول لعرض البيانات وغيرها الكثير من الوسوم الأخرى سنعرفها لاحقا بالتفصيل ومعرفة السمات التي يمكن أن تضاف لهذه الوسوم

_____ وسم النهاية _____ وسم البداية | | | |

<p>paragraph content</p>

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

نلاحظ أن وسم البداية يمثل الشكل التالى <> وبداخل هذا الشكل عنصر html والعنصر الذى معنا هنا هو عنصر p وهو خاص بكتابة فقرة نصية ، وأيضا نلاحظ أن وسم النهاية يمثل الشكل التالى </> ونجد في هذا الشكل علامة شرطة مائلة وبعدها يوجد عنصر html وبين وسم البداية والنهاية يتم كتابة المحتوى أو الفقرة النصية ، ووسم البداية يسمي أيضا بعلامة الفتح ووسم النهاية يسمي أيضا بعلامة الإغلاق

سمات أو صفات html

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

___السمة |

<p style="color:blue">مرحبا بكم</p>

........ | القيمة

ونلاحظ في المثال السابق استخدمنا عنصر p لكتابة الفقرة ونلاحظ بعد عنصر p في وسم الفتح مباشرة تركنا مسافة واحدة وأضفنا إحدى السمات وهي سمة style والتي من خلالها نستطيع إضافة خاصائص css ثم أضفنا علامة = وأضفنا علامة التنصيص المزدوجة والقيمة المتواجدة بين علامة التنصيص هي خاصة بالسمة والتي سوف تضيف تغيير على شكل العنصر والقيمة هنا هي التي تم تلوينها باللون الأحمر ، حيث استخدمنا القيمة خاصية من خواص css وهي خاصية color وهذه الخاصية تستخدم لتحديد لون النص ثم أضفنا نقتطين ثم أضفنا قيمة لهذه الخاصية وهي قيمة blue وهو اللون الأزرق ، سوف تظهر لنا النتيجة في المتصفح كلمة مرحبا بكم باللون الأزرق

مرحبا بكم