Identificeert HTML-elementen - dummies

HTML gebruikt speciale tekstsleutelwoorden met de naam elementen om een ​​website te structureren en vorm te geven. De browser herkent een element en past zijn effect toe als de volgende drie voorwaarden bestaan:

• Het element is een letter, woord of zin met een speciale betekenis. H1 is bijvoorbeeld een element dat door de browser wordt herkend om een ​​headereffect toe te passen, met vetgedrukte tekst en een vergrote lettergrootte.

• Het element is ingesloten met een haakse hoeksteun (<) en haakse hoeksteun (>). Een op deze manier omsloten element wordt een tag (zoals bijvoorbeeld

  ) genoemd.

• Een openingstag () wordt gevolgd door een afsluitende tag (). Merk op dat de afsluitende tag verschilt van de openingstag door de toevoeging van een schuine streep naar voren na de eerste linkerhaak en vóór het element (zoals bijvoorbeeld ).

  Sommige HTML-tags zijn zelfsluitend en hebben geen afzonderlijke sluitingstags nodig, alleen een schuine streep in de openingstag.

Wanneer aan alle drie voorwaarden is voldaan, wordt de tekst tussen de openings- en de sluittags gestileerd met het gedefinieerde effect van de tag. Als zelfs aan een van deze voorwaarden niet wordt voldaan, geeft de browser alleen onbewerkte tekst weer.

Zie de onderstaande voorbeeldcode voor een beter begrip van deze drie voorwaarden:

Dit is een grote kop met alle drie de voorwaarden
h1 Dit is tekst zonder het bord rondom de tag / h1 Dit is tekst met een tag die geen betekenis heeft voor de browser Dit is gewone tekst

U kunt zien hoe een browser deze code hier zou weergeven.

De browser past een header-effect toe op "Dit is een grote kop met alle drie voorwaarden" omdat h1 een header-tag is en alle drie de voorwaarden voor een geldige HTML-tag bestaan:

• De browser herkent het h1-element.

• Het h1-element is omgeven door een linker (<) en rechter hoeksteun (>).

• De openingstag (

  ) wordt gevolgd door tekst en vervolgens een afsluitende tag (

  ).

Merk op hoe de h1-tag zelf niet in de kop wordt weergegeven. De browser zal nooit de daadwerkelijke tekst van een element in een correct opgemaakte HTML-tag weergeven.

De resterende coderegels worden als platte tekst weergegeven omdat ze allemaal een van de voorwaarden missen. Op de tweede regel code ontbreekt de tag

tussen de linker- en rechterhaakjes, wat in strijd is met de tweede voorwaarde.

De derde regel code overtreedt de eerste voorwaarde omdat rockstar geen herkend HTML-element is. Ten slotte wordt de vierde regel code weergegeven als platte tekst omdat deze geen openingstag heeft voorafgaand aan de tekst en geen afsluitende tag volgt op de tekst, die de derde voorwaarde overtreedt.

Elke linker hoekbeugel moet worden gevolgd achter het element met een rechte hoekbeugel. Bovendien moet elke openings-HTML-tag worden gevolgd met een afsluitende HTML-tag. Meer dan 100 HTML-elementen bestaan.

HTML is een vergevingsgezinde taal en kan mogelijk een effect toepassen, zelfs als u stukjes code mist, zoals een afsluitende tag. Als u echter teveel fouten laat, wordt uw pagina niet correct weergegeven.