الدرس الثالث من سلسلة تعلم HTML

شرح للوسوم (tags) ...


  • <DOCTYPE html!> الإعلان عن أن هذه المستند أو الصفحة هو مستند HTML5
  • <html> هو العنصر الجذر في صفحة HTML والذي تكتب بداخلة باقي العلامات
  • <head> العنصر الذي يحتوي معلومات الميتا عن الصفحة
  • <title> العنصر الذي يخصص عنوان الصفحة
  • <body> وهو جسم الصفحة والذي يحتوي على المحتوى المرئي في الصفحة
  • <h1> عنصر يعرف عنوان الموضوع بخط كبير
  • <p> عنصر يعرف بداخلة نص الموضوع


وسوم HTML

تبدأ وسوم HTML بأسماء عناصر محاطة ب أقواس زاوية "<, >" :
<tagname/ >المحتوى هنا...<tagname>
  •  تأتي عادةً وسوم HTML في أزواج مثل: <p>  و </p>
  • أول وسم هو وسم البداية, وثاني وسم هو وسم النهاية
  • يكتب وسم النهاية مثل وسم البداية ولكن مع إضافة خط مائل <p/>

متصفحات الويب

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

هيكل صفحة HTML

وفيما يلي تصور لهيكل صفحة HTML:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
لاحظ أنه فقط المحتوى الموجود في <body> (المنظقة البيضاء في الهيكل) هي التي تعرض فقط في المتصفح

No comments

Powered by Blogger.