HTML للمبتدئين : إبدأ تعلم لغة HTML بطريقة سهلة وبسيطة

HTML للمبتدئين : إبدأ تعلم لغة HTML بطريقة سهلة وبسيطة

في التدوينة دي سنساعدك على إنشاء موقع الويب الجديد الخاص بك في دقائق وليس ساعات.

HTML للمبتدئين

بينما يحاول العديد من المواقع على الإنترنت تعليم HTML باستخدام الكثير من النظريات المحيرة للعقل ، سيركز هذا البرنامج التعليمي بدلاً من ذلك على منحك المهارات العملية لبناء موقعك الأول.

الهدف هو أن نوضح لك "كيفية" إنشاء صفحتك الأولى على الويب دون دون الشعور بالصعوبة بطريقة سهلة وبسيطة.

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

ما هو HTML؟

حسنًا ، هذا هو الجزء الوحيد من النظرية الإلزامية. من أجل البدء في كتابة HTML ، من المفيد أن تعرف ما تكتبه.

HTML هي اللغة التي تتم كتابة معظم مواقع الويب بها. يستخدم HTML لإنشاء الصفحات وجعلها تعمل.

تُعرف الشفرة المستخدمة لجعلها جذابة بصريًا باسم CSS وسنركز على هذا في برنامج تعليمي لاحق. في الوقت الحالي ، سنركز على تعليمك كيفية البناء بدلاً من التصميم.

تاريخ HTML

تم إنشاء HTML لأول مرة بواسطة Tim Berners-Lee و Robert Cailliau وآخرون بدءًا من عام 1989. وهو اختصار لـ Hyper Text Markup Language.

Hypertext يعني  أن المستند يحتوي على روابط تسمح للقارئ بالانتقال إلى أماكن أخرى في المستند أو إلى مستند آخر تمامًا. يُعرف الإصدار الأخير باسم HTML5.

A Markup Language هي طريقة تتحدث بها أجهزة الكمبيوتر مع بعضها البعض للتحكم في كيفية معالجة النص وعرضه. للقيام بهذا HTML يستخدم شيئين: العلامات( tags ) والسمات ( attributes ).

ما هيالعلامات( tags ) والسمات ( attributes ) ؟

العلامات والسمات هي أساس HTML.

يعملان معًا ولكنهما يؤديان وظائف مختلفة - يجدر بك التركيز قليلا حتى تمييز الاثنين.

ما هي العلامات  HTML Tags؟

تُستخدم العلامات لترميز بداية عنصر HTML وعادة ما تكون محاطة بأقواس زاوية. مثال للعلامة: <h1>.

يجب فتح معظم العلامات <h1> وإغلاقها </ h1> حتى تعمل.

ما هي السمات HTML Attributes؟

تحتوي السمات على معلومات إضافية. تأخذ السمات شكل علامة الافتتاح ويتم وضع معلومات إضافية في الداخل.

مثال للسمة:

< "img src="mydog.jpg" alt="A photo of my do>

في هذا المثال ، يعد مصدر الصورة (src) والنص البديل (alt) سمات ( attributes ) للعلامة <img>.

قواعد مهمة :

1. يجب فتح الغالبية العظمى من العلامات (<tag>) وإغلاقها (</tag>) باستخدام معلومات العنصر مثل العنوان أو النص بين العلامات.
2. عند استخدام علامات متعددة ، يجب إغلاق العلامات بالترتيب الذي تم فتحها به. فمثلا:

<strong><em>This is really important!</em></strong>

ودلوقتي هاندخل على الشرح وهاتلاقيه في ال playlist دي