HTML
!DOCTYPE html
Beskriver på vilker sätt webbläsaren ska läsa innehållet i filen. Definierar ett html-dokument.
HEAD
Här skrivs det som inte syns i fönstret på webbläsraren. Du kan hitta länkning till css och javascript här till exempel.
BODY
Det synliga innehållet på sidan, den html-kod som pressenteras i webbläsaren
DIV
Boxelement för utformning av sidan, används för att bygga upp strukturen av det som syns på sidan
HEADER
Innehåller sidhuvud
UL och LI
Lista för menyn
A
länkar
DL, DT, DD
Definitionslista för innehållet
h1,h2,h3,h4,h5,h6
Styling av sidans olika texter, ruriker till exempel.
Footer
Innehåller sidfoten
Xhtml och html5
Xhtml är mer strikt än html5. HTML5 tillåter att man utelämnar vissa avslutande taggar vilket inte är kompatibelt med XHTML.
xhtml
CSS
width
brädden på ett element
height
höjden på ett element
margin
marginal utanför ett element
padding
marginal inom ett element
font
typsnitt, storlek, färg, text-aling mm
background
vilken bild eller färg man vill ha i bakgrunden
list-style:none;
Tar bort pre-set liststyle, prickarna försvinner.
border-radius:
ger runda hörn på ett element
box-shadow:
ger skugga av element
overflow:hidden;
-
cursor:pointer;
skapar handen över länken
id & class
ID
återupprepa inte • #id
Class
återupprepa • .class
En beskrivning av position:static, relative, absolute & fixed
Static
- • -
Relative
- • -
Absolute
- • -
Fixed
- • -
HTML element kan vara block eller inline.
Block
Tar upp hela brädden som är möjligt på en egen rad. • (display:block;)
Inline
Tar bara upp så mycket width som den behöver och kan ha fler element på samma rad. • (display:inline;)
Inline-block
Elementet är plaserad inline, på samma rad men beter sig även som ett block element. • (display:inline-block;)
En beskrivning av float & clear
float
- • -
clear
- • -