Referens
HTML body
HTML body taggen anger dokumentkroppen och innehåller allt som visas i webbläsarfönstret.
HTML:
<html> <head> <title>Titel</title> </head> <body> <h1>Rubrik</h1> <p>Paragraf</p> </body> </html>
Läs mer om HTML body i HTML introduktion
| Elementtyp | Sluttagg | Utfasat | Doctype |
|---|---|---|---|
| Speciell | Ja | Nej | Strict, Transitional, Frameset |
| Elementet får innehålla | |||
| Blockelement eller script, ins, del (HTML Strict) Blockelement, inlineelement, ins, del (HTML Transitional) |
|||
| Elementet får finnas i | |||
| html (HTML Strict och Transitional) frameset, noframes (HTML Framesetl) |
|||
| Skillnad mellan HTML och XHTML | |||
| Alla presentationsattribut är utfasade i HTML 4.01 och stödjs inte i XHTML 1.0 Strict DTD | |||
Tips för HTML body
Elementet body visas som standard med 10 pixlars marginal. Detta innebär att alla element innanför <body>-taggarna kommer att hamna 10 pixlar från kanten.
Exempel:
Detta element hamnar 10 pixlar från webbläsarfönstrets kanter.
Detta går enkelt att ändra med hjälp av CSS.
CSS:
body { margin:0; padding: 0; }
Exempel:
Nu hamnar elementet direkt vid webbläsarfönstrets kant utan några marginalen emellan.
Glöm inte att sätta både "margin" och "padding" till 0 då olika webbläsare använder olika CSS egenskaper när de ritar ut elementet body.
HTML body attribut
Valbara attribut |
||
| Attribut | Beskrivning | Värde |
|---|---|---|
| alink | Anger färg på markerad länk. Utfasat attribut | rgb(x,x,x) #xxxxxx colorname |
| background | Anger URL till bakgrundsbild. Utfasat attribut | URL |
| bgcolor | Anger bakgrundsfärg. Utfasat attribut | rgb(x,x,x) #xxxxxx colorname< |
| link | Anger länkars färg. Utfasat attribut | rgb(x,x,x) #xxxxxx colorname< |
| text | Anger textfärg. Utfasat attribut | rgb(x,x,x) #xxxxxx colorname< |
| vlink | Anger färg på följda länkar. Utfasat attribut | rgb(x,x,x) #xxxxxx colorname< |
Universella attribut |
||
| Attribut | Beskrivning | Värde |
| id | Anger att elements unika identitet | text |
| class | Anger vilken klass eller vilka klasser ett element tillhör | text |
| style | Tilldelar elementet en egen visuell stil | CSS attribut och värden |
| title | Anger en titel för eller kort beskrivning av elementet | text |
| dir | Anger textriktning för innehållet | rtl, ltr |
| lang | Anger språk på elementets innehåll | språkkod |
| xml:lang | Används istället för "lang" när koden skrivs i XHTML 1.0 | språkkod |
Händelse attribut |
||
| Attribut | Utlösande händelse | Värde |
| onload | Elementet har laddats in | javascript |
| onunload | Elementet har slutat visats | javascript |
| onclick | Enkelklick med musen på elementet | javascript |
| ondblclick | Dubbelklick med musen på elementet | javascript |
| onkeydown | En tangent trycks ned | javascript |
| onkeyup | En tangent släpps upp | javascript |
| onkeypress | En tangent trycks ned eller hålls nedtryckt | javascript |
| onmousedown | En musknapp trycks ned över elementet | javascript |
| onmouseup | En musknapp släpps upp över elementet | javascript |
| onmouseover | Muspekaren flyttas in över elementet | javascript |
| onmousemove | Muspekaren flyttas inom elementet | javascript |
| onmouseout | Muspekaren flyttas ut från elementet | javascript |





