أدوات الدورة :

برنامج محرر نصوص

Notepad
Notepad++
Visual studio code
Sublime
اتوم .

متصفح انترنت

Internet explorer
Mozila fierfox
Google chrom

الدرس الأول :

المقدمة :

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

وينصح دائما بالنسبة للمبتدئين أن يبدؤوا بالدورات البسيطة قبل الدخول في الدورات الاحترافية ، سواء لتعلم لغة html أو css أو لغات البرمجة.

لأن علوم الويب هي كبيرة جدا وليست بسيطة كما يصورها البعض ، والمرء يحتاج إلى تعليم وتدريب مع الصبر والهمة .

تعريف لفة HTML

لغة ترميز النص الفائق ‏، هي لغة ترميز تستخدم في إنشاء وتصميم صفحات ومواقع الويب، وتعتبر هذه اللّغة من أقدم اللّغات وأوسعها استخداما في تصميم صفحات الويب.

هي اختصار لجملة HyperText Markup Language ، وهي لغة علامات Tags جمع علامة Tag ، البعض يسميه علامة وآخرون وسم وهناك من يسميه سمة .

كل عنصر أو علامة أو وسم له وظيفة معينة يقوم بها في ملف html ، وتختلف هذه الوظائف باختلاف العلامة.وسيتضح هذا لك في الأمثلة التطبيقية .

html element

html object

html tag

html node

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

صيغة كتابة علامات html :

سنرمز لعلامة html ب tag لتسهيل معرفة صيغة الكتابة ، وهناك نوعان من علامات html :

1- علامات زوجية : تفتح بجزء من العلامة وتغلق بالجزء الثاني والمحتوى في الوسط كالتالي:المحتوى من اليسار إلى اليمين.

2- علامات فردية : تفتح وتغلق في نفس العلامة والمحتوى يتحدد داخل العلامة بخصائص وقيم سنصل إليها فيما بعد ، كالتالي. :

لتوضيح الفكرة.. افتح برنامج Notepad اكتب فيه هذا الكود وفم بحفظة بأسم index.html

<! DOCTYPE html>

<head>

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

</head>

<body>

</body>

</html>

ونواصل في الدرس القادم ..انشاء الله !!