اساسيات لغة HTML وكيف يمكن انشاء صفحة ويب منها

يتسائل الكثير من المبتدئين في تعلم البرمجة ما هو لغة html وما هي اساسيات لغة HTML وكيف يحفظ مستند html وكيف يعدل في هذا المقال سنتعرف كيف يمكن انشاء صفحة ويب من اكود html.

أهلا ومرحبا بكم زوار ومتابعي موقع المجد في هذا الموضوع سوف نعرض لكم شرحا وافياً عن :

ما هو لغة HTML  

HTML هي لغة الترميز القياسية المستخدمة في انشاء صفحة ویب Web Page أو مجموعة صفحات ( موقع ويب Web Site ) . إذ تعد لغة HTML من اقدم اللغات واوسعها انتشارا في وصف النصوص والصور وغيرها من محتويات صفحات الويب التي يعرضها متصفح الانترنت على شاشة المستخدم.


 هيكلية HTML 
يعتمد بناء التعليمات البرمجية Codes في لغة HTML على الوسوم التي تصف محتوى معينا في صفحة الويب . يستخدم الوسم بشكل منفرد او على شكل زوج من الوسوم احدهما للبداية < Tag > يحاط بعلامة الأكبر وعلامة الأصغر ووسم آخر للنهاية < / Tag > مع وجود الخط المائل المعروف بـ Slash.

مثال : عندما نريد اظهار عبارة ( السلام عليكم ) بخط عريض Bold في صفحة الويب التي ننشئها فاننا نحتاج الى كتابة العبارة داخل زوج الوسوم الخاصة بذلك.
<b/> السلام عليكم <b>
  • <b/>   وسم البداية 
  • <b>    وسم النهاية 

الفكرة الرئيسة
لغة HTML تستخدم في انشاء صفحات ومواقع الويب التي من الممكن أن تضم نصوصا وصورا وغيرها من المحتويات.

يمكن تقسيم هيكل HTML على ثلاث مناطق


(1) منطقة < html > هي بمثابة اطار يحيط بجميع المستخدمة مستند HTML.

(2) مناطق منطقة رأس الصفحة < head > تضم عنوان الصفحة Page Title ومعلومات لاتعرض فيه صفحة الويب مثلا مختصر عن محتويات الصفحة واسم الجهة الناشرة.

(3) الوسوم في الصفحة < body > تضم المحتويات كافة التي تظهر في متصفح الانترنت عندما نعرض الصفحة.

شاهد أيضاً

كيف يحفظ مستند HTML ؟

يوجد العديد من محررات النصوص التي يمكن استخدامها في انشاء مستندات HTML وحفظها . إذ يستخدم برنامج محرر النصوص Notepad الذي يوفره نظام التشغيل Windows عن طريق البحث عن اسمه ايقونة البحث وعند فتح المحرر ستظهر الواجهة الرئيسة له ، بعدها نتبع الخطوات الآتية لحفظ مستند HTML فارغ :

  1. نختار القائمة File
  2. نختار الامر Save As
  3. نكتب في حقل File Name اسما للمستند مع تحديد الامتداد html
  4. من الحقل Save As نختار ( *.* ) All Files
  5. من الحقل Encoding نختار 8 - UTF لكي يتم دعم حروف ورموز اللغة العربية.  
  6. اختيار الأمر Save لحفظ المستند .

تعديل مستند HTML
عند النقر المزدوج على مستند HTML الذي أنشئ في الخطوات السابقة ، يستعرض بواسطة أحد برامج متصفحات الانترنت المتوفرة في الحاسوب ( مثل Google Chrome ) وليس بواسطة محرر النصوص Notepad وبهذه الطريقة فلن نتمكن من اجراء أي تعديل . وعليه نحتاج إلى فتح مستند HTML بواسطة محرر النصوص عبر الخطوات الاتية :
 
  1. النقر بالزر الأيمن للفأرة على مستندHTML
  2. اختيار Open With
  3. اختيار Notepad

وبذلك يفتح مستند HTML الذي يمكن التعديل عليه ومن ثم اجراء الحفظ Save قبل الاغلاق.

قد يعجبك ايضاً

كيف يمكن انشاء صفحة ويب 

صفحة الويب عبارة عن مستند Document مكتوب بلغة HTML يمكن الوصول اليه واستعراض محتوياته بواسطة متصفح الانترنت . الإنشاء صفحة ويب تحتوي في عنوانها على عبارة ( صفحتي الخاصة ) وتضم في المحتوى عبارة ( انا اكتب اول صفحة ويب ) ، سنستخدم محرر النصوص الكتابة مستند الصفحة ثم نحفظه بصيغة ( .html ).


شرح لبعض الوسوم المستخدمة في المثال :

1. < ! DOCTYPE html > لتحديد الاصدار المستخدم وهو HTML5.

2. < html > لوصف بداية مستند HTML.

3. < body dir = rtl > لوصف بداية جسم الصفحة ولتحديد اتجاه الكتابة ليكون من اليمين الى اليسار ( rtl ) ، مع ملاحظة امكانية جعلها من اليسار الى اليمين بواسطة الخاصية ( ltr ).

4. < h1 > لعرض العنوانات الرئيسة في الصفحة بشكل مميز ، مع ملاحظة امكانية تغيير حجم الكتابة من الأكبر h1 الى الاصغر h6.

5. <br> : لجعل الكتابة تبدأ بسطر جديد ، في حين الوسم < p > يستخدم لجعل الكتابة تبدأ ايضا بسطر جدید ولكن مع ترك سطر فارغ للاشارة الى بداية فقرة نصية Paragraph.

6. ;& nbsp : تستخدم هذه الرموز مجتمعة في داخل النصوص لترك فراغات ما بين الكلمات.


انتهى الموضوع ...
شكرا لكم 
Ahmed Muwafaq
Ahmed Muwafaq