|
|
 |
|
|
Disse tags gør dig i stand til at kontrollere layoutet.
|
HTML | FORKLARING
| | <p>tekst</p> | Indsætter paragraph-break efter teksten.
(2 linieskift).
| | <p align="left">tekst</p> | Venstrestiller tekst i afsnit.
| | <p align="center">tekst</p> | Centrerer tekst i afsnit.
| | <p align="right">tekst</p> | Højrestiller tekst i afsnit.
| | tekst<br> | Indsætter et enkelt linieskift, hvor tagget sættes ind.
| | <nobr>tekst</nobr> | Slår automatiske linieskift fra
- selvom teksten er bredere end vinduet.
| | tekst<wbr> | Tillader browseren at indsætte et linieskift
lige her
- selvom teksten er indenfor -tags.
| | <center>tekst</center> | Centrerer tekst.
| | <div align="center">tekst</div> | Centrerer tekst.
| | <div align="left">tekst</div> | Venstrestiller tekst.
| | <div align="right">tekst</div> | Højrestiller tekst.
|
Eksempel: Forskellen mellem layout-tags:
| RESULT | HTML | Hello world- a linebreak does not insert a linebreak in HTML
you will need to insert special tags that will insert
linebreaks
where
you want it!
Another method is to write a sentence, that is long enough to force a linebreak.
This option can however be turned offwith the nobr-tag.unless a wbr is used to force it!
You can also centerAnd turn the center offAnd on! Go left! Go right! |
Hello world -
a linebreak does not
insert a linebreak in HTML
<p>you will need</p> <p align="right">to insert</p> <p align="left">special tags</p> that will insert<br>
linebreaks<br>
where<br>
you want it!<br>
<br>
Another method is of course to write a sentence, that is long enough to force a linebreak.<br>
<br>
<nobr>This option can however be turned off<wbr>with the nobr tag,<wbr>unless a wbr is used to force it!</nobr>
<center>You can center</center>
And turn the center off
<div align="center">And on!</div>
<div align="left">Go left!</div>
<div align="right">Go Right!</div> |
Læg specielt mærke til forskellen mellem <p> og <div>-tags. <div>-tagget gør det muligt at justere indholdet, uden at du er tvunget til at bruge dobbelt linieskift.
Bemærk endvidere at disse opsætningstags ikke er begrænsede til tekst. De fungerer i alle tekster, billeder, eller hvad end du indsætter på din side.
Afslutningsvis en vigtig konklusion:
95% af al HTML-layout
laves med usynlige tabeller!
|
|
| |
|
KURSER 
