2- الوسوم Tags - دورة تعلم لغة HTML


الوسوم Tags
دورة تعلم لغة HTML
كان الدرس السابق عبارة عن مقدمة في لغة HTML ،تعرفنا من خلالة ماذا نحتاج لنبدأ في تعلم لغة HTML وبعض المعلومات عن اللغة، وكيف نقوم بكتابة وتحرير ملفات HTML (صفحات الويب)، في هذا الدرس سنتحدث عن وسوم لغة هتمل HTML Tags .

وسوم لغة هتمل HTML Tags

  • وسوم HTML هي كلمات محاطة بعلامتي أكبر من وأصغر من "< >" مثل: <html>
  • عادة ما تكون وسوم HTML علي جزئين مثل: <title> و <title/>
  • الوسم الأول يسمي وسم البداية "start tag" والوسم الثاني يسمي وسم النهاية "end tag" ، ويطلق عليهما أيضا اسم وسم الافتتاح "opening tag" و وسم الاغلاق "closing tag".
  • هناك وسوم مفردة اي ليس لها وسم اغلاق (نهاية) مثل:  <br>.
  • وسوم HTML غير حساسة لحالة الأحرف أي يمكن كتابتها بحروف كبيرة "UPPERCASE " أو حروف صغيرة "lowercase"، مثلا: ليس هناك فرق بين <body> و <BODY> ولكن يفضل كتابتها بحروف صغيرة. .
صورة توضح تكوين ملف HTML
  • ملف HTML يجب أن يبدأ بوسم <html> وينتهي بوسم <html/>.
  • الوسم <head> يحدد بداية الجزء الخاص بكتابة معلومات عن الصفحة مثل العنوان الذي يكون موجود بين الوسمين "<title/>العنوان<title>"، أما الوسم <head/> فيحدد نهاية هذا الجزء.
  • أما الوسم <body> فيحدد بداية الجزء الخاص بكتابة محتوي الصفحة من نصوص وصور وجداول وقوائم، والوسم <body/> يحدد نهاية هذا الجزء.
الآن لنقم بتجربة ما سبق .. قم بانشاء ملف HTML واذا واجهتك مشكلة راجع الدرس السابق واكتب بداخلة ما يأتي:
<html>
<head>
<title>test</title>
</head>
<body>
Hello!!
<br>
This Is My First Web Page ..
</body>
</html>
=> وسم <br> يبدأ سطر جديد ..

 # تدريب:

قم بعمل صفحة ويب يكون عنوانها "My Web"  وأن يكون محتواها :
Hello!!
My First Page...
حاول كتابة الكود بنفسك واستعن بالمثال السابق اذا واجهتك مشاكل..

0 تعليقات:

إرسال تعليق