Format Tekst i et HTML5-dokument - dummies

HTML-dokumenter inkluderer tekst, bilder, multimediefiler, koblinger og andre biter av innhold som du støper inn på en nettside av bruker markupelementer og attributter. Du bruker tekstblokker for å lage slike ting som overskrifter, avsnitt og lister. Det første trinnet i å skape et solid HTML-dokument, legger et solid fundament for å etablere dokumentets struktur.

Her er en ultrateknisk definisjon av en blokk med tekst: en del av innhold som fyller en eller flere linjer i et HTML-element.

Enhver HTML-side er faktisk en samling blokker med tekst:

• Alt innhold på siden din må være en del av et blokkelement.

• Blokkelementer slutter vanligvis med en linjeskift når de gjengis i en nettleser.

• Hvert blokkelement sitter inne i elementet på siden din. Faktisk er den ultimate blokken!

Forskjellen mellom inline-elementer og en blokk med tekst er viktig. Et i nlinelement er et ord eller en streng av ord inne et blokkelement (for eksempel tekstfokuselementer, for eksempel eller ). Inline elementer må være nestet i et blokkelement; ellers er HTML-dokumentet ditt ikke syntaktisk korrekt.

Inlineelementer, for eksempel koblings- og formateringselementer, er laget for å koble fra (eller endre utseendet til) noen ord eller linjer med innhold som finnes i disse blokkene.

HTML gjenkjenner flere typer tekstblokker som du kan bruke i dokumentet ditt, inkludert (men ikke begrenset til) elementene som vises i denne tabellen.

En flertall av HTML5-blokkelementer

Element	Beskrivelse	Element	Beskrivelse
artikkel	Artikkelinnhold	header	Seksjon eller sideoverskrift
bortsett fra	Bortsett fra innhold	h1-h6	Overskriftsnivåer 1-6
blockquote	Blokknotering	hr *	Horisontell regel
kropp	Sidekropp > p	Avsnitt	br
1 Linjepause	pre	Forformatert tekst	div
Divisjon i nettside	seksjon	Seksjon i nettside	figur
Gruppebilde og bildetekst	tabell og så videre	2 HTML-tabeller	footer
Seksjon eller sidebetegnelse	ul, ol,	dl Lister etter type

1

^{Betegner et tomt element (kun enkelt kode, ingen par).} 2

^{Alle tabellelementer faller inn i denne cellen.} Hvis du vil ha mer om HTML-blokkelementer, kan du gå til hjemmesiden for Tutorial Chip: "HTML5 Block Level Elements: Complete List. “