HTML-titlar

Rubriker är viktiga i HTML-dokument.

HTML-titlar

Rubriker (Heading) definieras genom <h1> - <h6> och liknande taggar.

<h1> Definierar största rubriken.<h6> Definierar minsta rubriken.

Exempel

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Prova själv

Kommentar:Webbläsare lägger automatiskt till en tom rad innan och efter rubriker.

Kommentar:Som standard lägger HTML till en extra tom rad innan och efter blockelement, till exempel paragrafer och rubrikselement.

Rubriker är viktiga

Se till att använda HTML heading-taggar endast för rubriker. Använd inte rubriker bara för att skapa fet eller stor text.

Sökmotorer använder rubriker för att skapa index över sidans struktur och innehåll.

Eftersom användare kan bläddra genom sidan snabbt genom rubriker, är det viktigt att använda rubriker för att presentera dokumentstruktur.

h1 bör användas som huvudrubrik (den viktigaste), följt av h2 (näst viktigaste), sedan h3 och så vidare.

HTML horisontell linje

<hr />-taggen skapar en horisontell linje i en HTML-sida.

hr-element används för att dela in innehåll.

Exempel

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

Prova själv

Tips:Att använda en horisontell linje (taggen <hr>) för att skilja av avsnitt i en artikel är en metod (men inte den enda metoden).

HTML-kommentarer

Kommentarer kan infogas i HTML-koden, vilket kan förbättra dess läsbarhet och göra koden lättare att förstå. Browsern ignorerar kommentarer och visar dem inte.

Kommentarer skrivs så här:

Exempel

<!-- This is a comment -->

Prova själv

Kommentar:Efter början av parentesen (vänster parentes) behöver det följas av ett utropstecken, och det finns inget utropstecken innan slutparentesen (höger parentes).

Tips:Användning av kommentarer på ett rimligt sätt kan hjälpa till med framtida kodredigering.

HTML tips - Hur man visar källkod

Du har säkert förundrat dig över en webbsida och tänkt “WOW! Hur är detta gjort?”

Om du vill hitta hemligheten, behöver du endast klicka med musen höger, välja “Visa källfil” (IE) eller “Visa sidkällkod” (Firefox), och liknande för andra webbläsare. Detta öppnar ett fönster som innehåller sidans HTML-kod.

Exempel från denna sida

Rubriker
Hur man visar rubriker i HTML-dokumentet.
Dolda kommentarer
Hur man infogar kommentarer i HTML-källkoden.
Horisontell linje
Hur man infogar en horisontell linje.

HTML taggar referenshandbok

CodeW3C.coms taggar referenshandbok erbjuder mer information om dessa rubriker och deras egenskaper.

Du kommer att lära dig mer om HTML-taggar och egenskaper i de följande avsnitten i denna tutorial.

Taggar Beskrivning
<html> Definiera HTML-dokument.
<body> Definiera dokumentets huvudsak.
<h1> till <h6> Definiera HTML rubriker
<hr> Definiera en horisontell linje.
<!--...--> Definiera kommentarer.