Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Hantering av Dokumentflöde och Layout | HTML-Dokumentstruktur
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

bookHantering av Dokumentflöde och Layout

Flöde

Flödet på en webbsida bestämmer i vilken ordning element visas vertikalt och horisontellt. Som standard visas element i den ordning de förekommer i HTML-dokumentet, uppifrån och ned. Det horisontella flödet går vanligtvis från vänster till höger; dock kan flödet även vara omvänt, från höger till vänster, i språk som läses från höger till vänster.

Varje element i HTML är ett rektangulärt område som upptar en position på en rad, likt ord på ett linjerat papper. Det finns två huvudsakliga typer av element: blocknivåelement och inline-element.

index.html

index.html

copy

Efter att ha granskat exemplet kan följande slutsats dras:

Blockelement: upptar hela behållarens bredd, oavsett innehållets storlek. Blockelement staplas ovanpå varandra, ett efter ett.

Inline-element: upptar endast så mycket bredd som dess innehåll kräver. Detta gör att inline-element kan placeras på samma rad. De bryts till nästa rad om det inte finns tillräckligt med utrymme på en rad.

Note
Notering

Display-egenskapen för HTML-element är fördefinierad enligt standarder och konventioner som fastställts av HTML-specifikationen. Dessa standarder styr det förvalda renderingsbeteendet för element i olika webbläsare. Du kan hitta den specifika typen för varje element i referens- eller specifikationslänkarna som tillhandahålls: HTML Reference och HTML Specification.

Elementtyper

Som tidigare nämnts har varje element i webbläsarens stilmall en typ som representeras av egenskapen display, vilken avgör dess beteende. De två huvudtyperna av element är blockelement och inline-element, och det finns även ytterligare typer, såsom inline-block-element.

Inlinelement: används främst för att formatera och markera mindre delar av innehållet, såsom länkar, knappar och bilder. De ligger kvar på samma rad tills utrymmet är slut, då de bryts till nästa rad.

Blockelement: används för att definiera större innehållsstrukturer som rubriker, stycken, listor och sektioner (t.ex. headers, footers). De visas visuellt som rektangulära block som staplas vertikalt ovanpå varandra.

1. Som standard kan element visas på en webbsida i vilken ordning webbläsaren väljer.

2. Vilka är de två huvudtyperna av element?

3. Paragrafen (<p>-taggen) är …

question mark

Som standard kan element visas på en webbsida i vilken ordning webbläsaren väljer.

Select the correct answer

question mark

Vilka är de två huvudtyperna av element?

Select the correct answer

question mark

Paragrafen (<p>-taggen) är …

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 4

Fråga AI

expand

Fråga AI

ChatGPT

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 examples of common block-level and inline elements?

How does the `display` property affect the layout of elements?

Can you explain what an inline-block element is?

bookHantering av Dokumentflöde och Layout

Svep för att visa menyn

Flöde

Flödet på en webbsida bestämmer i vilken ordning element visas vertikalt och horisontellt. Som standard visas element i den ordning de förekommer i HTML-dokumentet, uppifrån och ned. Det horisontella flödet går vanligtvis från vänster till höger; dock kan flödet även vara omvänt, från höger till vänster, i språk som läses från höger till vänster.

Varje element i HTML är ett rektangulärt område som upptar en position på en rad, likt ord på ett linjerat papper. Det finns två huvudsakliga typer av element: blocknivåelement och inline-element.

index.html

index.html

copy

Efter att ha granskat exemplet kan följande slutsats dras:

Blockelement: upptar hela behållarens bredd, oavsett innehållets storlek. Blockelement staplas ovanpå varandra, ett efter ett.

Inline-element: upptar endast så mycket bredd som dess innehåll kräver. Detta gör att inline-element kan placeras på samma rad. De bryts till nästa rad om det inte finns tillräckligt med utrymme på en rad.

Note
Notering

Display-egenskapen för HTML-element är fördefinierad enligt standarder och konventioner som fastställts av HTML-specifikationen. Dessa standarder styr det förvalda renderingsbeteendet för element i olika webbläsare. Du kan hitta den specifika typen för varje element i referens- eller specifikationslänkarna som tillhandahålls: HTML Reference och HTML Specification.

Elementtyper

Som tidigare nämnts har varje element i webbläsarens stilmall en typ som representeras av egenskapen display, vilken avgör dess beteende. De två huvudtyperna av element är blockelement och inline-element, och det finns även ytterligare typer, såsom inline-block-element.

Inlinelement: används främst för att formatera och markera mindre delar av innehållet, såsom länkar, knappar och bilder. De ligger kvar på samma rad tills utrymmet är slut, då de bryts till nästa rad.

Blockelement: används för att definiera större innehållsstrukturer som rubriker, stycken, listor och sektioner (t.ex. headers, footers). De visas visuellt som rektangulära block som staplas vertikalt ovanpå varandra.

1. Som standard kan element visas på en webbsida i vilken ordning webbläsaren väljer.

2. Vilka är de två huvudtyperna av element?

3. Paragrafen (<p>-taggen) är …

question mark

Som standard kan element visas på en webbsida i vilken ordning webbläsaren väljer.

Select the correct answer

question mark

Vilka är de två huvudtyperna av element?

Select the correct answer

question mark

Paragrafen (<p>-taggen) är …

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 3. Kapitel 4
some-alt