fbpx
الخميس, يونيو 27, 2019

ما هي لغة HTML

لغة html هي اللغة المستخدمة لإنشاء صفحات الإنترنت ( والكلمة إختصار لـ Hyper Text Markup Language)

وهي ليست لغة برمجة بالمعنى والشكل المتعارف عليه للغات البرمجة الأخرى  . فهي مثلاً لا تحتوي على جمل التحكم، وعند الحاجة لاستخدام هذه الجمل يجب تضمين شيفرات من لغات أخرى كـ Java, JavaScript, CGI . كذلك فهي لا تحتاج إلى مترجم خاص به Compiler . وهي غير مرتبطة بنظام تشغيل معين، لأنه يتم تفسيرها وتنفيذ تعليماتها مباشرة من قبل متصفح الإنترنت وبغض النظر عن النظام المستخدم. لذلك فهي لغة بسيطة جداً، وسهلة الفهم والتعلم ولا تحتاج لمعرفة مسبقة بلغات البرمجة والهيكلية المستخدمة فيها. بل ربما كل ما تحتاجه هو القليل من التفكير المنطقي وترتيب الأفكار.

 مصطلحات لغة HTML وكيفة كتابة الاكواد الخاصة به

تتكون لغة الأتش تي أم إل HTMl من مجموعة من الاكواد المتسلسلة تكتب في ملف نصي يحفظ بأمتداد htm. أو html.  تلك الاكواد التي نكتبها تبدأ بأوسمة TAGS أي الوسوم. وهي تستخدم بالصيغة التالية (من اليسار إالي اليمين):-

مثال توضيحي : –

<TAG/> يتم وضع هنا الكود <TAG>

فنرمز لكلمة TAGS بالوسم الخاص باكود HTML والتي سوف نتعرف عليها 

<TAG> هو وسم البداية

<TAG/> هو وسم النهاية

المكان الذي سنكتب فيه الكود :-

  • هو برنامج محرر النصوص Text Editor أو الـ NotePad أو يمكن إنشاء ملف text جديد والكتابة فيه ثم بعد الانتهاء يمكنك تغيير امتداده.
  • وهذه ميزة حيث ان لا يتطلب تصميم صفحة بلغة الـ HTML برامج خاصة يجب تثبيتها علي الجهاز .
  • لمن لا يعلم مكان برنامج Notepad يمكن انشاء ملف txt جديد من خلال النقر بالزر الايمن للفارة ثم New ثم Text Document

من خلال النقر بالزر الايمن للفارة ثم New ثم Text Document

لنتعرف اولا قبل البدء في عملية كتابة الكود نتعرف علي الاوسم (TAGS) التي تستخدم في لغة HTML

<HTML> </ HTML>

<HEAD> </ HEAD>

<title> </ title>

<body> </ body>

نلاحظ ان جميع الاوسمة تكون بين علامتي <> والوسم في النهاية يسبقه /

فبناء صفحة الـ HTML يكون بالشكل الاتي :-

<html>
<head>
<title> شبكة مهاراتي التعليمية  </title>
</head>
<body>
انا سعيد جدا لانشاء اول درس تعليمي
</body>
</html>

كود html

من ثم نقوم بعملية حفظ الملف file ثم Save as

حيث يتم حفظ الملف بصيغة html كالتالي :-

1- نقوم بفتح ملف (file)

2- نقوم باختيار حفظ بأسم  (save as)

3- نكتب اسم الملف وليكن كالتالي first.html  ومن ثم نقوم بضغط على حفظ (save)

الصورة التالية توضح الناتج عن الذي قمنا به

صورة توضيحة لناتج كود html 

شرح الكود بكل سهولة لمن لم يفهمة :-

<html> :- من اجل بدأ كتابة الاكواد الخاصة بتلك اللغة .
<head> :- من اجل تنفيذ اوامر معينةعند راس وبداية الصفحة.
<title> :-  من اجل كتابة عنوان الصفحة وهو كما نري شبكة مهاراتي التعليمية .
<title/> :- من اجل انهاء الوسم.
<head/> :- من اجل انهاء الوسم.
<body> :- لبداية الكتابة في جسم الصفحة.
<body/> :- من اجل انهاء الوسم.
<html/> :- من اجل انهاء عملية كتابة كود الـ HTML

ملحوظة :-  لا يوجد فرق بين كتابة الوسم بالاحرف الانجليزية الكبيرة أو الاحرف الانجليزية الصغيرة لذلك تستطيع الكتابة باي شكل منهما أو حتي الكتابة كليهما.

انتظرونا في الدروس القادمة مع فريق شبكة مهاراتي 

 

 

ترك تعليق

مقالات ذات صلة

أقرأ ايضا

ترك تعليق