Lära Förståelse av Parade och Enkla Taggar i HTML

HTML använder två typer av taggar: parade taggar och enkla (självstängande) taggar. Varje typ har en särskild funktion vid strukturering av en webbsida.

Parade taggar

Parade taggar har en öppnings- och en stängningstagg. De omsluter innehåll, grupperar element och definierar betydelse eller struktur.

Syntax:

<tag_name>Some content</tag_name>

Här är ett verkligt exempel på användning av parade taggar:

index.html

I detta exempel:

<section>...</section>: grupperar relaterat innehåll;
<h1>...</h1>: lägger till en rubrik för sektionen;
<p>...</p>: innehåller ett stycke som förklarar att de flesta HTML-taggar förekommer i par.

Enkla taggar

Enkla taggar har ingen avslutande tagg. De används när inget innehåll behövs och all funktionalitet definieras genom attribut.

Syntax:

<tag_name />

Här är ett verkligt exempel på användning av enkla taggar:

index.html

Denna kod innehåller två element:

<input />: skapar ett textinmatningsfält. Attributet placeholder=" name" visar en ledtråd i rutan;
<img />: visar en bild på frukt.
- alt="Fruits": text som visas om bilden inte kan laddas;
- width och height: anger bildens dimensioner;
- src: specificerar bildens URL.

Taggnestning

Taggar måste vara korrekt nästlade, likt ryska dockor, där varje avslutande tagg matchar sin öppningstagg i rätt ordning.

Här är ett exempel på nästlade taggar:

<tag1>
  <tag2>
    <tag4>...</tag4>
    <tag5>...</tag5>
  </tag2>
  <tag3>
    <tag6>...</tag6>
  </tag3>
</tag1>

Följande giltiga exempel beaktas:

index.html

Denna kod visar ett stycke med en länk och betonad text:

<p>...</p>: omsluter hela stycket;
<a href="https://privacy.com">...</a>: skapar en klickbar länk till integritetspolicyn;
<strong>...</strong>: gör ordet "website" fetstilt för att betona det.

Sammanfattning

Parade taggar omsluter innehåll med <tag> och </tag>.

Enkla taggar (självstängande) innehåller inget inre innehåll.

Korrekt nästning säkerställer giltig och läsbar HTML.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Suggested prompts:

Can you give more examples of paired and single tags?

What are some common mistakes with tag nesting?

Can you explain the difference between <strong> and <em> tags?

Svep för att visa menyn

HTML använder två typer av taggar: parade taggar och enkla (självstängande) taggar. Varje typ har en särskild funktion vid strukturering av en webbsida.

Parade taggar

Parade taggar har en öppnings- och en stängningstagg. De omsluter innehåll, grupperar element och definierar betydelse eller struktur.

Syntax:

<tag_name>Some content</tag_name>

Här är ett verkligt exempel på användning av parade taggar:

index.html

I detta exempel:

<section>...</section>: grupperar relaterat innehåll;
<h1>...</h1>: lägger till en rubrik för sektionen;
<p>...</p>: innehåller ett stycke som förklarar att de flesta HTML-taggar förekommer i par.

Enkla taggar

Enkla taggar har ingen avslutande tagg. De används när inget innehåll behövs och all funktionalitet definieras genom attribut.

Syntax:

<tag_name />

Här är ett verkligt exempel på användning av enkla taggar:

index.html

Denna kod innehåller två element:

<input />: skapar ett textinmatningsfält. Attributet placeholder=" name" visar en ledtråd i rutan;
<img />: visar en bild på frukt.
- alt="Fruits": text som visas om bilden inte kan laddas;
- width och height: anger bildens dimensioner;
- src: specificerar bildens URL.

Taggnestning

Taggar måste vara korrekt nästlade, likt ryska dockor, där varje avslutande tagg matchar sin öppningstagg i rätt ordning.

Här är ett exempel på nästlade taggar:

<tag1>
  <tag2>
    <tag4>...</tag4>
    <tag5>...</tag5>
  </tag2>
  <tag3>
    <tag6>...</tag6>
  </tag3>
</tag1>

Följande giltiga exempel beaktas:

index.html

Denna kod visar ett stycke med en länk och betonad text:

<p>...</p>: omsluter hela stycket;
<a href="https://privacy.com">...</a>: skapar en klickbar länk till integritetspolicyn;
<strong>...</strong>: gör ordet "website" fetstilt för att betona det.

Sammanfattning

Parade taggar omsluter innehåll med <tag> och </tag>.

Enkla taggar (självstängande) innehåller inget inre innehåll.

Korrekt nästning säkerställer giltig och läsbar HTML.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3