وتتكون وثائق HTML من قبل عناصر HTML.
في بناء جملة HTML، تتم كتابة معظم العناصر مع وسم البداية ووسم الإغلاق، مع محتوى بينهما. وتتكون علامة HTML من اسم العنصر، وتحيط بها أقواس زاوية. لديه علامة النهاية أيضا مائلة بعد زاوية قوس، لتمييزه عن علامة البداية.
عناصر HTML
مكتوبة عناصر HTML مع وسم البداية، مع علامة نهاية، مع المحتوى في ما بين:
عنصر HTML هو كل شيء من بداية علامة إلى علامة النهاية:
| وسم البداية | محتوى عنصر | وسم النهاية |
|---|---|---|
| <h1> | بلدي العنوان الأول | </h1> |
| <p> | الفقرة الأولى بلدي. | </p> |
| <br> |
بعض عناصر HTML لا يكون علامة نهاية.
متداخلة عناصر HTML
عناصر HTML يمكن أن تتداخل (elements can contain elements) .
وتتكون كل وثائق HTML من عناصر HTML المتداخلة.
يحتوي هذا المثال 4 عناصر HTML:
مثال
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html> انها محاولة لنفسك » وأوضح مثال HTML
و <html> يحدد العنصر المستند بأكمله.
أنه يحتوي على وسم البداية <html> ووسم الإغلاق </html> .
محتوى العنصر عنصر HTML أخرى (the <body> element) .
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>و <body> عنصر يحدد نص المستند.
أنه يحتوي على وسم البداية <body> ووسم الإغلاق </body> .
محتوى العنصر عنصرين HTML أخرى ( <h1> and <p> ) .
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>و <h1> يحدد عنصر عنوان.
أنه يحتوي على وسم البداية <h1> ووسم الإغلاق </h1> .
محتوى العنصر: بلدي العنوان الأول.
<h1>My First Heading</h1>و <p> يحدد عنصر فقرة.
أنه يحتوي على وسم البداية <p> ووسم الإغلاق </p> .
محتوى العنصر: الفقرة الأولى بلدي.
<p>My first paragraph.</p>لا ننسى علامة النهاية
سيتم عرض بعض عناصر HTML بشكل صحيح، حتى إذا كنت قد نسيت العلامة الغاية:
على سبيل المثال أعلاه يعمل في جميع المتصفحات، لأنها تعتبر علامة إغلاق اختياري.
لا تعتمد على هذا. قد تعطي نتائج غير متوقعة و / أو الأخطاء إذا كنت قد نسيت وسم النهاية.
فارغة عناصر HTML
ويطلق على عناصر HTML مع أي محتوى العناصر الفارغة.
<br> عنصر فارغة بدون علامة إغلاق (the <br> tag defines a line break) .
يمكن أن يكون العناصر الفارغة "closed" في علامة افتتاح مثل هذا: <br /> .
HTML5 لا تتطلب العناصر الفارغة لتكون مغلقة. ولكن إذا كنت تريد التحقق من صحة أكثر صرامة، أو تحتاج إلى جعل المستند للقراءة من قبل موزعي XML، يجب إغلاق جميع عناصر HTML.
HTML نصيحة: استخدم حرف صغير الكلمات
علامات HTML غير حساس لحالة الأحرف: <P> يعني نفس <p> .
لا يتطلب معيار HTML5 علامات صغيرة، ولكن W3C recommends صغيرة في HTML4، و demands صغيرة لأنواع وثيقة أكثر صرامة مثل XHTML.
في w3ii نحن دائما استخدام العلامات الصغيرة.