تابع قناتي على التلقرام لتحميل التحديثات اولاً بأول : متـــابعـــة

القائمة الرئيسية

الصفحات

أساسيات لغة HTML | الدرس الأول (مقدمة)

 


أساسيات لغة HTML | الدرس الأول (مقدمة) :

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

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


ما هي HTML ؟ 

 إن HTML هي اختصار abbreviation الحروف الأولى من الجملة Hyper Text Markup Language و التي تعني بترجمة غير حرفية ( لغة وصف صفحات الويب ) ، و هي ليست لغة برمجية. لا 

بل هي لغة وصفية Markup Language ، لأن HTML تستخدم مجموعة من الوسوم Tags لوصف صفحة الويب.

 و < html > أما الوسوم Tags فهي كلمات أو أحرف محددة مسبقا Keywords تحمل معاني خاصة ، و تكون محصورة قوسين من الشكل < > مثل < b > ، تأتي الوسوم في الغالب على شكل أزواج مثل < b > و < b / > ، يدعى الوسم الأول < b > بوسم البداية Begin Tag أو وسم الفتح Opening Tag ، و يدعى الوسم الثاني < b / > بوسم النهاية End Tag أو وسم الإغلاق 9 Closing Tag يتم كتابة مستندات HTML باستخدام أي محرر نصي بسيط ( مثل notepad ) أو متقدم ( مثل DreamWaver أو Visual Studio ) ، و يتم تخزينها في ملفات تحمل امتدادا extension من الامتدادين التاليين : html . أو htm . ، و بالطبع لا يوجد أي فرق بينهما.



كيف أبدأ في تعلم كتابة مستندات HTML ؟ 

كل ما تحتاجه لكي تبدأ في تعلم كتابة مستندات HTML هو محرر نصوص ( مثل Notepad ) و مستعرض ويب ( مثل Internet Explorer ) ، بعد ذلك يمكنك قراءة الفقرات التالية و التعلم خطوة يخطوة و أؤكد لك أن أفضل طريقة للتعلم برأيي- هي كتابة الأمثلة التي ستصادفك لاحقا بشكل مباشر باستخدام محرر النصوص و من ثم اختبارها باستخدام مستعرض الويب.



الشكل العام لعناصر HTML يتم وصف عناصر HTML باستخدام الوسوم ، و فيما يلي نعرض الشكل العام لعنصر HTML : يبدأ عنصر HTML پوست البداية Begin Tag

• ينتهي عنصر HTML بوسح النهاية End Tag : كل ما يتم كتابته بين وسعي البداية و النهاية يدعى محتوى عنصر HTML علما هنالك بعض العناصر التي لا تحوي أي محتوى و التي تسمى عديمة المحتوى.

• يندمج وسما البداية والنهاية في وسم واحد في حالة العناصر عديمة المحتوى و يتم تمرير مجموعة من الخصائص الأغلب عناصر HTML في وسم البداية عن طريق الواصفات Attributes .


ملحوظة : دائم و أبدأ ، قم بكتابة عناصر HTML بالأحرف الإنجليزية بحالتها الصغيرة Lower Case


يتم كتابه اول كود برمجي بلغه HTML :



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


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

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

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



أحببت في هذه المقدمة أن أكتفي بالشرح النظري ، وابتداءا من الدرس القادم إن شاء الله
سيتضح كل شيء مع الأمثلة العملية.

في الدرس القادم سنشرح الكود الذي كتبناه في ملف html وسنضيف له علامة ترميز اللغة العربية ، وبعد ذلك نشرح علامات النصوص.

دمتم في رعاية الله.



reaction:

تعليقات

التنقل السريع