2. Text |
start || föregående || nästa |
Det finns ett stort antal taggar för att hantera, gruppera och presentera text. Här tar vi upp några av de viktigaste/vanligaste.
Samtliga av dessa ska ligga i dokumentkroppen, dvs. mellan body-taggarna.
(Observera. När vi visar element som ska ligga i dokumentkroppen så visar vi inte html- och head-taggarna. Dessa ska dock alltid finnas med i dokumentet så som visade i första kapitlet.) |
Headings: <h></h> |
---|
Det finns sex olika rubrikstorlekar som används i html, Dessa presenteras med h-taggen. Den skrivs som
<hn></hn>, där n är rubrikstorleken. Dessa numreras från 1 och neråt, dvs. 1 är den
största rubriken och 6 är den minsta.
Ex. ger utskriften: rubrik 1rubrik 2rubrik 3rubrik 4rubrik 5rubrik 6 |
Paragraph: <p></p> |
Det vanligaste sättet att dela in text i stycken är med p-taggen. P-taggen avgränsar ett stycke mot omliggande text, samt
inleder med en blankrad.
Ex. ger utskriften:
Det här är standardtext...
...och här är lite mer text. |
Division: <div></div> |
Div-taggen används för att göra ett stycke text enhetligt. Denna används oftast tillsammans med formatmallegenskaper. Genom att
gruppera text innanför div-taggarna och tilldela div-taggen en egenskap så får hela stycket egenskapen. Div-taggen
infogar en radbrytning, men inte en blankrad.
Ex. ger utskriften:
Det här är standardtext...
...och här är lite mer text.
|
Span: <span></span> |
Span-taggen används på samma sätt som div-taggen. Men den definerar bara att en viss mängd text hör ihop, den
infogar inga radbrytningar. Den används också normalt främst för att tilldela text formatmallsegenskaper.
Ex. ger utskriften:
Det här är standardtext...
...och här är lite mer text.
|
Blockquote: <blockquote></blockquote> |
Blockquote-taggen används för att på stilistiskt sätt presentera ett längre citat.
Den infogar blankrad före- och efter området och gör både vänster- och högerindrag.
Ex. ger utskriften:
Det här är standardtext...
|
Code: <code></code> |
Code-taggen används för att återge text som ska representera datakod. Det som skiljer codetexten från vanlig text
är att den har fast teckenbredd.
Ex. ger utskriften:
Det här är standardtext...
...och här är kodtext.
|
Strong: <strong></strong> |
Strong-taggen används för att återge text som ska framhävas som tydligare. Text som är omgiven av strong-taggarna
skrivs ut som fetstil.
Ex. ger utskriften:
Det här är standardtext...
...och här är fetstil.
|
Emphasis: <em></em> |
Em-taggen återger text med speciell innebörd. Text omgiven av em-taggarna visas som kursiv.
Ex. ger utskriften:
Det här är standardtext...
...och här är kursiv text.
|
Break: <br /> |
Break-taggen infogar en radbrytning. Ett break gör en radbrytning, ytterligare ett break ger ett blankrad. Observera
att br-taggen inte har någon slut tag, utan att den avslutas direkt i sin start-tagg med ett snedstreck.
Ex. ger utskriften:
Det här är lite text...
...och här är lite mer text... ...och här är ytterligare lite text. |