HTML-elementer

HTML dokumenter defineres af HTML elementer.

HTML-elementer

HTML elementer er alt kode mellem startetiket (start tag) og slutetiket (end tag).

startetiket elementets indhold slutetiket
<p> Dette er et afsnit </p>
<a href="default.htm" > Dette er et link </a>
<br />

Note:Startetiketter kaldes ofte åbningstag (opening tag), og slutetiketter kaldes ofte lukningstag (closing tag).

HTML element grammatik

  • HTML elementer brugerstartetiketstart
  • HTML elementer brugerslutetiketafslutning
  • Elementets indholder indholdet mellem startetiket og slutetiket
  • Visse HTML elementer harTom indhold (tomt indhold)
  • Tom elementlukkes i startetiket(afsluttes med afslutning af startetiket)
  • De fleste HTML elementer kan haveEgenskaber

Tip:Du vil lære mere om egenskaber i det næste kapitel af denne vejledning.

Indlejrede HTML elementer

De fleste HTML elementer kan indlejres (kan indeholde andre HTML elementer).

HTML dokumenter består af indlejrede HTML elementer.

HTML dokument eksempel

<html>
<body>
<p>Dette er min første afsnit.</p>
</body>
</html>

De ovenstående eksempler indeholder tre HTML elementer.

HTML eksempel forklaring

<p> elementet:

<p>Dette er min første afsnit.</p>

Dette <p> element definerer et afsnit i HTML-dokumentet.

Dette element har en startetiket <p> og en slutetiket </p>.

Elementets indhold er: Dette er min første afsnit.

<body> elementet:

<body>
<p>Dette er min første afsnit.</p>
</body>

<body> elementet definerer hovedindholdet af HTML-dokumentet.

Dette element har en startetiket <body> og en slutetiket </body>.

Elementets indhold er en anden HTML element (p element).

<html> elementet:

<html>
<body>
<p>Dette er min første afsnit.</p>
</body>
</html>

The <html> element defines the entire HTML document.

This element has a start tag <html>, and an end tag </html>.

Element content is another HTML element (body element).

Do not forget the closing tag

Even if you forget to use the closing tag, most browsers will display HTML correctly:

<p>This is a paragraph
<p>This is a paragraph

The above examples work in most browsers, but do not rely on this practice. Forgetting to use closing tags can result in unpredictable results or errors.

Note:Future versions of HTML will not allow the omission of closing tags.

Empty HTML elements

HTML elements without content are called empty elements. Empty elements are closed in the start tag.

<br> is an empty element without a closing tag (the <br> tag defines a line break).

In XHTML, XML, and future versions of HTML, all elements must be closed.

Adding a slash in the start tag, such as <br />, is the correct way to close empty elements, which HTML, XHTML, and XML all accept.

Even though <br> is valid in all browsers, using <br /> is actually a longer-term guarantee.

HTML hint: use lowercase tags

HTML tags are case-insensitive: <P> is equivalent to <p>. Many websites use uppercase HTML tags.

CodeW3C.com uses lowercase tags because the World Wide Web Consortium (W3C) did so in HTML 4.RecommendedUse lowercase, and in future (X)HTML versionsMandatoryUse lowercase.