Html-koder

Der findes utallige html-koder som kan bruges i alle mulige sammenhænge, i artiklen kommer jeg lidt ind på hvad en doctype er og nogle html og css koder.

Html-koder og en Doctype

Man støder sikkert på ordet doctype adskillige gange i html-koder, og mange ved egentlig slet ikke hvad det er.
Doctype er en måde at fortælle din browser på hvordan din kode er bygget op, når browseren læser din doctype finder den ud af om det er html 4.01 eller xhtml eller noget helt tredje du har brugt, og derefter smider den et output ud som er fortolket ud fra denne doctype.

Mange sider benytter dog ikke doctype på deres side og dette resultere i at browseren ikke retter sig efter de standarder som W3 har sat. Og så prøver browseren selv på bedste vis at gætte sig frem til det og smide et output ud.

Hvordan skal min doctype så se ud?

Din doctype skal som skrevet i overstående afspejle din måde at kode på, altså hvilken standard du benytter dig af. F.eks. er doctypen for HTML 4.01 transitional, som er den mest almindelige i dag, er :

Nu viser du at du benytter html 4.01 Transitional, men for også browseren skal rette sig efter det mangler du en del på overstående html-kode, du skal have tilføjet et link, dette gøres sådan:

Nu læser browseren at du benytter dig af html 4.01 tansitional og browseren vil også rette sig efter dette og give det korrekte output.

For at finde de andre doctype’s læs mere på http://www.w3.org/QA/2002/04/valid-dtd-list.html hvor du også vil kunne finde en mere detaljeret forklaring omking doctype’s.

Giv din scrollbar en ny farve med html-koder

Html-koder kan gøre sådan at din scrollbar på din hjemmeside får et andet udseende, dette kan være smart for så passer den ind til resten af din side, men kan også være meget forstyrrende, derfor skal man bruge det varsomt, og ikke prøve at skjule den helt ved hjælp af disse koder.

Microsoft har lavet et lille værktøj som gør man let kan farve sin scrollbar, find værtøjet her

I værktøjet viser den at man kun kan bruge farvenavne, men det er også muligt at skifte farvenavnet ud med en HEX kode.

Værktøjet og koden er en IE only kode forstået på den måde at det ikke er en valideret kode fra W3 som sætter html standarderne.
Dette gør først og fremmest at din side ikke kan valideres, men også at de farver du sætter til ikke virker i alle browsere.
De browsere der understøtte disse html-koder er Internet explorer Opera og Konquerer.

I andre browsere vil denne kode ikke blive læst og din scrollbar vil se helt normal ud.

Padding og margin hvad er det?

Padding og margin er også 2 html-koder man hører ofte når man laver hjemmesider, i ældrer versioner af html var det html-koder men i dag er det mere css-koder, end decideret html-koder.

Padding : Padding holder styr på hvor meget afstand der er fra kanten og ind til dit indhold. Jeg viser et eksempel da det så er lettere at forstå

Hvis du kun ønsker at justere en enkelt side skal du benytte nogle lidt andre html-koder, fremgangsmåden er dog helt ens.
i stedet for padding indsættes padding-left eller right, top og bottom alt efter hviklen man vil justere.

Margin: disse html-koder fungere på helt samme måde som padding, det eneste du skal gøre er at udskifte ordet padding med margin.

Forskellen mellem disse 2 koder er hovedsageligt at padding bruges til at sætte afstanden inden i et element, hvorimod margin bruges til at sætte afstanden uden for elementet.
Vær dog opmærksom på at nogle browsere kan fortolke padding og margin lidt forskelligt i nogen sammenhænge, derfor er det altid en rigtig god ide at teste op i mod de mest benyttede browsere, med alt man laver.

Her på siden har vi også mange andre artikler omkring html-koder klik lidt rundt i menuerne og find mange spændende artikler.

Tilføjet af Martin Tygsen den 29-03-2005 - Hits: 22458