لغة الترميز HTML؟

اظغط هنا للحصول على الكود

ماهي لغة الترميز HTML؟

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

وتتكون صفحة الويب من مجموعة من العناصر (Tags) أو تعرف كــ الوسوم، يكتب كل وسم بين (angle brackets) أو كما تسمى علامة أصغر من > وعلامة أكبر من <. ولا يقوم المتصفح بعرض هذه الوسوم، ولكن يقوم بعرض محتوياتها، وهناك نوعين من الوسوم.

ما هي أنواع الوسوم Tags؟

النوع الأول: وهو عبارة عن وسم يتم عرض محتواه مباشرة في صفحة الويب، مثال <img /> و <input />.

النوع الثاني: وهو عبارة عن وسم يصف ما بداخله من نصوص مثال <p>نص بداخل الوسم</p>، وقد يحتوي هذا الوسم بداخله على وسم آخر كعنصر فرعي لهذا الوسم ومثال على ذلك <p>نص <i>مائل</i></p> وسوف تلاحظ في هذا النوع أن كل وسم يتكون من جزئين (وسم البداية) و (وسم النهاية) وبينهما المحتوى الذي يتم عرضه في المتصفح.

الشكل التالي يوضح شرح تفصيلي لمكونات عنصر من عناصر صفحة الويب (مثال لـ رابط تشعبي - Link)

سوف تلاحظ من هذا المثال أن كل عنصر (من النوع الثاني) من عناصر لغة الـ HTML يتكون من وسم البداية و وسم النهاية ويجب أن يكون إسم وسم النهاية هو نفسه إسم وسم البداية ولكن مسبوق بعلامة ( / ) أو المعروفة بإسم forward slash، وبينهما محتويات العنصر والتي تظهر في متصفح الإنترنت، وسوف تلاحظ أيضا أننا إستخدمنا وصف (attribute) للوسم، وكل وصف يحتوي على جزئين إسم وقيمة وبينهما علامة (=) ومن المثال السابق فإسم الوصف هو href والقيمة عنوان موقع إلكتروني، وكل ما سبق من أوامر (بإستثناء محتوى الوسم) لا يظهر في متصفح الإنترنت ولكن هي أوامر لمتصفح الإنترنت بإنشاء رابط تشعبي (Link) بالقيمه الموجودة في محتوى الوسم، وعند الضغط عليه يقوم المتصفح بتحويل الصفحة إلى عنوان الموقع الموجود في قيمة الوصف (بين علامات التنصيص)، ويمكن إستبدال عنوان الموقع بإسم صفحة أخرى.

ملاحظة هامة، لا يمكن إستخدام برنامج محرر النصوص Microsoft Word أو WordPad لكتابة أكواد HTML ولكن يجب إستخدام برنامج يدعم كتابة النصوص بالطريقة العادية Plain Text أو إستخدام برنامج محرر النصوص البرمجية (برنامج مخصص لكتابة الأكواد البرمجية) Text Editor ويمكنك قراءة التدوينة محرر لـ النصوص و الأكواد البرمجية (Text Editor) يدعم اللغة العربية لإختيار برنامج مناسب، ولكن لتبسيط الأمر سوف نستخدم برنامج الـ notepad الموجود في نظام التشغيل ويندوز.

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

نبدأ أولا بفتح برنامج notepad ثم من خلال القائمة File نقوم بحفظ الملف عن طريق إختيار الأمر Save As، وبعد ذلك سوف تظهر نافذة نكتب في خانة (إسم الملف - File Name) أي إسم من إختيارك فليكن مثلا test.html ويجب كتابة إسم الملف مع إمتداد الملف ولكتابة أكواد HTML يجب أن يكون إمتداد الملف إما (.html أو .htm) و في النافذة من الخانة Save as type سوف نختار All Files وفي خانة (Encoding) سوف نختار UTF-8 وذلك لكي يدعم الملف كتابة اللغة العربية ثم نضغط Save، والشكل التالي يوضح الخطوات بالتفصيل.