تعلم HTML بالعربي | ?What Is HTML - 1

HTML

هي لغة الترميز أو التكويد للنصوص التشعبية وهي إختصار لـ Hyper Text Markup Language وهي ليست لغه برمجة بالمعني المتعارف عليه كما في لغة C , C++ , C# , VB.Net وإنما هي لغة للكود فقط ، بمعني الكود لو صحيح سيتم تنفيذه وتظهر نتيجة التنفيذ على المتصفح ، ولو كانت خطأ لن يتم التنفيذ ولن تظهر النتيجة ولن يظهر أخطاء في الكود كما في لغات البرمجة الأخرى .

متطلبات كتابة لغة HTML

1. محرر النصوص مثل Notepad , Notepad ++ , Word pad , MS Word

2. متصفح لمعاينة النتائج

3. تطبيق ما تتعلمة بصورة عملية

تكتب لغة html برموز غريبة إسمها باللغة الإنجليزية الـ Tag وإسمها باللغة العربية " وسم "

معظم Tags لها وسم بداية ووسم نهاية مثل <html> </html>

لمشاهدة الفيديو من هنا

شرح كل وسم على حدى :

<html> هو أهم وسم لأنه يقوم بتعريف المتصفح أن هذه الصفحة مصنوعة بلغة html وهو مهم لإظهار محتويات الصفحة وبدونة تظهر المحتويات بلغة غير مفهومة .

<head> إستخدم لتعريف صاحب الصفحة واللغة والعديد من الأشياء في الدروس القادمة .

<title> يمثل الجملة التي تظهر أعلى الشاشة على اليسار ( عنوان الصفحة ) ، ويوضع بين <head> </head>

<body> وهو أهم وسم ولب الدروس بأكملها ، لأنه يمثل محتويات الصفحة بأكملها ، حيث تضع فيه النصوص والصور والجداول وكل ما تريده أن يظهر على الصفحة .

** ملحوظة ** يبدأ ملف html يبدأ بالوسم <html> وينتهي بالوسم </html>

** ملحوظة ** ملفات html لها إمتداد ثابت في أسماء الملفات وهو .htm أو .html

** مثال ** عنوان First page المحتوى hello world!!

<html>

<head>

<title> First Page </title>

</head>

<body>

Hello World !!

</body>

</html>

*** كده أقدر أقولك مبروك لقد أنشئت أول صفحة ويب خاصة بك .

** ملحوظة ** لا يوجد فرق بين كتابة الـ Tags بالحروف الكبيرة Upper Case (Capital) أو الأحرف الصغيرة Lower Case (Small) لذلك تستطيع الكتابة بأي شكل منهما أو حتى الكتابة بكليهما .

** ملحوظة ** إن المتصفحات لا تأخذ بعين الإعتبار الفراغات الزائدة أو إشارات نهاية الفقرات ( مفتاح Enter ) التي تجدها المتصفحات في ملف html .

<br> تحدد نهاية السطر البرمجي ، والبدء بسطر جديد ( وهو وسم مفرد ليس له نهاية ) . أي أنه يتحكم بمقدار النص المكتوب في كل سطر وتحديد نهاية الفقرة وبداية الفقرة التي تليها .

<p> يقوم تقريباً بنفس عمل الوسم السابق ، أي أنه ينهي السطر أو الفقرة ويبدأ بسطر جديد لكن مع إضافة سطر إضافي فارغ بين الفقرات .

  وهي تعبر عن الفراغات التي تنشأها بإستخدام مسطرة المسافات بإستخدام Keyboard وذلك لا تستطيع التحكم بها إلا بإستخدام هذا الأمر وهو إختصار Non Breakable Space ولإدخال عدد محدد من الفراغات ما عليك إلا كتابة هذا الوسم بنفس عدد الفراغات المطلوبة ، وهنا عليك الإلتزام بالأحرف الصغيرة مع هذا الأمر .

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

رمز العلامة المسجلة ® ويمكن عملها بالرمز ®

***********************