يتم تعريف عنصر HTML عن طريق علامة البداية. إذا كان العنصر يحتوي على محتوى آخر، فإنه ينتهي بعلامة إغلاق، حيث يسبق اسم العنصر بشرطة مائلة للأمام كما هو موضح أدناه مع بعض العلامات:
<p>This is the content of the paragraph</p> <h1>This is the heading of the content</h1> <div>This is the content of the sections</div> <br/>Used to create a break between paragraphs, and It has no closing tag <hr/>Used to create a separator line between headings and paragraphs, and It has no closing tag
إذاً هنا <p> .... </p> عنصر (HTML) ، <h1> ... </h1> هو عنصر HTML آخر. هناك بعض عناصر HTML التي لا يلزم إغلاقها، مثل <img ... /> و <hr /> و <br/> العناصر. تُعرف هذه بالعناصر الفارغة.
تتكون مستندات HTML من شجرة من هذه العناصر، وهي تحدد كيفية بناء مستندات HTML ونوع المحتوى الذي يجب وضعه في أي جزء من مستند HTML.
علامة HTML مقابل العنصر
يتم تعريف عنصر HTML عن طريق علامة البداية. إذا كان العنصر يحتوي على محتوى آخر، فإنه ينتهي بعلامة إغلاق.
على سبيل المثال، <p> هي علامة البداية للفقرة </p> وعلامة إغلاق للفقرة نفسها، ولكن <p> هذه فقرة </ p> عنصر فقرة.
عناصر HTML المتداخلة
يُسمح كثيرًا بالاحتفاظ بعنصر HTML واحد داخل عنصر HTML آخر:
<!DOCTYPE html>
<html>
<head>
<title>An example of nested elements</title>
</head>
<body>
<h1/>This is<i>italic</i>Heading<h1>
<p/>This is an<u>underlined</u>Paragraph<p>
</body>
</html>
سيعرض هذا النتيجة التالية:
This is the italic Heading
This is an underlined paragraph