ما هو HTML‌؟ الخطوة الأولى لتصميم الموقع

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

ما هو HTML؟

يتم اشتقاق HTML من Hyper Text Markup Language وهي لغة ترميز قياسية لصفحات الويب. هذه اللغة تشكل أساس صفحات الويب. كل ما تراه على الصفحة، بما في ذلك العناوين والنصوص والصو، مضمن في HTML على صفحة الويب.

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

ما هو استخدام HTML؟

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

تنفيذ العناصر في HTML

يجب تنفيذ جميع العناصر التي تم وضعها على الصفحة بواسطة HTML باستخدام علامات <>. العلامات هي علامات تحدد الفئة (نص، صورة، عنوان، ارتباط، إلخ) ينتمي إليها كل عنصر في الصفحة.
على سبيل المثال: العلامة <h1> تستخدم لوضع العنوان الرئيسي للصفحة، والذي يستخدم على النحو التالي.

تقديم علامة العنوان

أو لكتابة فقرة، نضع النص داخل وسم البداية <p> وعلامة النهاية <p />. مثلا:



ما هي السمة؟

يمكن أن يكون لكل عنصر HTML سمة. تحدد السمات مزيدًا من المعلومات لكل علامة. على سبيل المثال، يتم استخدام خاصية العرض في العلامة لتحديد عرض الشكل أو الصورة.

مثال على مستند HTML

 كود html‌ كامل.



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


وصف الرموز

تشير العلامة <DOCTYPE html!> إلى أن هذا الملف هو مستند html5.

العلامة << html lang = ”en> هي جذر html الذي يجب أن تكون العلامات الأخرى داخل هذا الجذر. تحدد خاصية تسمى lang لغة هذا المستند.

توفر علامة <meta> معلومات إضافية لمستند html هذا.

تحدد العلامة <title> العنوان الرئيسي للصفحة. يظهر هذا العنوان في علامة التبويب العلوية بالمستعرض عند تشغيل الشفرة.  

<body> هي العلامة حيث يمكن عرض كل شيء يتم وضعه على صفحة الويب.

في العلامة <p> توجد خاصية تسمى النمط والتي من خلالها نضبط لون الخلفية لهذه العلامة.

بنية مستند Html

يجب أن يبدأ المستند الكامل بعلامة  <DOCTYPE html!> . عبارة عن علامة من جزء واحد، على عكس العلامات الأخرى، لا تتطلب علامة نهاية.

بعد ذلك، يجب أن يحتوي المستند على علامة <html> </html>. يوجد داخل هذه العلامة <body> </body> ، والتي تعرض محتوى الصفحة. لاحظ الصورة أدناه.  



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



كلمات مفتاحية: