| |
Flere HTML koder ... kom godt i gang!
|
| et par simple regler |
HTMl koder kan skrives med store
og små bogstaver. Men nye standarder (XHTML) kræver små
bogstaver - så gør det til en vane : brug små bogstaver. Ingen
mellemrum i mellem container-tags og kodenavne:
følgende vil ikke virke: < html>, </html > pga. mellemrummet
Nedenfor er vist de mest basale koder, som faktisk er nok til at komme godt
i gang med din web-side.
|
| den grundlæggende struktur |
<html> ......</html>
Afgrænser HTML-dokumentet |
| se også
forrige side |
<head> .....</head> afgrænser dokumentets hoved |
| |
<title> .........</title> her indsættes sidens titel |
| |
<body>.......</body> afgrænser sidens 'brødtekst' - det som vises i
browseren. |
| |
|
|
Tekstformatering |
|
| Overskrifts typografier |
<h1> ...tekst ....</h1> Headings - kan have værdierne 1-6
|
| Skrifttype |
<font face="Arial Black">.. tekst...</font> vælg skrifttype .....
skrifttypen anvendes indtil koden afsluttes med </font> |
| skrifts størrelse |
Absolut angivelse ( kan ikke
skaleres)
<font size="3">skriftstørrelsen</font>
du kan anvende
tallene fra værdier fra -7 til +7
skriftstørrelsen kan også angives i pixels som f.eks.:
<font size="10px">10 pixels størrelse </font>
|
| Tekstfarve |
<font color="blue" >
her blå skrift......</font> eller anvend hexidecimaltal :<font color=
"#cc6666"> .....</font> |
| Fed |
<b> ....fed tekst....</b> |
| kursiv |
<i> .....kursiv skrift ...</i>
|
| Understreg |
<u>....understreget tekst ...</u> |
| Justering |
<center> ...centrerer tekst ....</center> |
| afsnit |
<p> indsætter tom linje
= nyt afsnit
|
| linjeskift |
<br/>
|
| Lister |
<ul> ...afgrænser unummereret
liste </ul> |
| |
<li> punkt på listen </li>
|
| Interne link |
<a href="filnavn.filtype"> ...tekst....</a>
internt link - dvs til en fil i samme mappe som aktuelle dokument,
|
| ekstern link |
<a href="http://www.dr.dk">
..tekst..</a>
Link til ekstern web-side -
her www.dr.dk
|
| mail |
<a href="mailto:otto@leholt.dk">min
e-mail</a>
|
| Billeder / grafik |
<img src="filnavn.filtype"></img>
f.eks <img
src="rose.gif">Angiv størrelse på billed i pixels, f.eks :
<img src="rose.gif" width="300px" height="200px">
|
| Justering af billede |
<img src="rose.gif"
align="left" width="200px">
billede placeres til venstre for tekst, andre værdier : right, center
|
| Billede ramme |
Border="1" indsætter en rammer på 1 pix rundt om billedet.
Border = 0 , ingen ramme / usynlig <img src="rose.gif" border="0"> |
| |
|
| Tabeller |
<table> .............</table> tabellen oprettes og afsluttes igen
her imellem indsættes -> |
| Tabel bredde |
Relativ <table width="100%">
eller
absolut <table width="700px"> |
| kanter / ramme |
border ="1" angiver 1px ramme om
tabel og celler
|
| |
|
| række |
<tr> definerer start på en
række -> |
| celle / kolonne
|
<td> definerer start på en
celle i en række - cellen lukkes med </td> |
| vertikal justering |
<td valign="top"> ......tekst
begynder i toppen af cellen </td> |
| |
Se mere om
tabeller |
| |
|
