Shb quick reference Web manual


Denne manual beskriver brugen - format af de enkelte Web tags. Yderligere beskrivelse af taget gives ved at bruge link "Henvisning til dok" for den enkelte tag


Afsnit for basis Tags


Command Format Forklaring sampel
Tekst allignment venstre <p Align=letf> "Tekst" </p> Rykker tekst til venstre

"venstre tekst"

Tekst allignment højre <p Align=right> "Tekst" </p> Rykker tekst til højre

"højre tekst"

Tekst allignment center <p Align=center> "Tekst" </p> Rykker tekst til midten

"centrere tekst"

Tekst allignment bottom <p Align=bottom> "Tekst" </p> Rykker tekst til bunden

"bund tekst"

Billed allignment venstre <img src="http:/" align="left"> Rykker billede til venstre
Billede allignment højre <img src="http:/" align="right"> Rykker billede til højre
Billede allignment center <p align="center">
<img src="http:/">
Rykker billede til midten

Billede allignment top <img src="http:/" align="top"> Rykker billede til top toppen

Billede allignment bottom <p align="bottom">
<img src="http:/"
Rykker billede til bunden




Oversigt over Basis Tags

Afsnit for basis Tags

Tag beskrivelse Tags format Forklaring Sampel /
Extented sample
Henvisning til dok Synonym
Kommentar i Web kode <!-- Tekst --> Tekst er hvad der ønskes beskrevet.
Vises med grå skrift i Web kode

"Sampel <!-->"
W3school
Seperaringslinie på siden <hr /> ubrudt linie på siden
"Sampel <hr>"
W3school
Paragraf tekst <p>Tekst</p> Tekst er hvad der ønskes vist på siden
efter linie skift

Tekst

"Sampel <p>"
W3school
Fremhævet skrift <strong>Tekst</strong> Tekst er hvad der ønskes vist på siden
med fremfævet skrift
Tekst
"Sampel <strong>"
W3school <i>Tekst</i>
Skrå skrift <em>Tekst</em> Tekst er hvad der ønskes vist på siden
Viser skrå skrift
Tekst
"Sampel <em>"
W3school <b>Tekst</b>
Linie skift <br>Tekst</br> Udfører linieskift linie 1
linie 2

"Sampel <br>"
W3school
Link til Web side via tekst <a href="Http: adresse">Link Tekst</a> Udfører link til den web adresse
som er beskrevet i Http: adresse
Tekst er teksten på linket
<a href="http://msn.dk">Msn</a>
"Sampel <a>"
W3school
Link til Web side via billede <a href="Http: adresse"> <img src="billede"></a> Udfører link til den web adresse
som er beskrevet i Http: adresse
Img tag angiver billede som link
<a href="http://msn.dk">
<Img src="image adr.gif" alt="Alt tekst">
</a>
"Sampel <a>"
W3school
Link til Web side via label <a name="#label1">Link Tekst</a> Udfører href til den angivne label
som placeret i dette Html
<a href="#label">Link Tekst#60;/a>
"Link Tekst<a name=>"
"Sampel <a>"
W3school
Overskrift h1 <h1>Tekst h1</h1> En overskrift som skrives i stor skrift
og er fremhævet. Bruges af
søgemaskiner til index opbygning
tag h1 er skriftstørrelse en h2

Tekst h1

Heading
h1 - h6
Overskrift h2 <h2>Tekst h2</h2> En overskrift som skrives i stor skrift
og er fremhævet. Bruges af
søgemaskiner til index opbygning
tag h2 er skriftstørrelse en h3

Tekst h2

Heading
h1 - h6
Overskrift h3 <h3>Tekst h3</h3> En overskrift som skrives i stor skrift
og er fremhævet. Bruges af
søgemaskiner til index opbygning
tag h3 er skriftstørrelse en h4

Tekst h3

Heading
h1 - h6
Overskrift h4 <h4>Tekst h4</h4> En overskrift som skrives i stor skrift
og er fremhævet. Bruges af
søgemaskiner til index opbygning
tag h3 er skriftstørrelse en h5

Tekst h4

Heading
h1 - h6
Overskrift h5 <h5>Tekst h5</h5> En overskrift som skrives i stor skrift
og er fremhævet. Bruges af
søgemaskiner til index opbygning
tag h5 er skriftstørrelse en h6
Tekst h5
Heading
h1 - h6
Overskrift h6 <h6>Tekst h6</h6> En overskrift som skrives i stor skrift
og er fremhævet. Bruges af
søgemaskiner til index opbygning
Tekst h6
Heading
h1 - h6
Oprettelse af unordered liste <ul>
<li>Tekst</li>
</ul>
Indikerer start på en unordered liste
Liste teksten
  • Tekst2
  • Tekst1
W3school
Sampel
<ol>Tekst</ol>
Oprettelse af ordered liste <ol>
<li>Tekst</li>
</ul>
Indikerer start på en ordered liste
Liste teksten
  1. Tekst2
  2. Tekst1
W3school
Sampel
<ul>Tekst</ul>
Hent billede <img src="xxx" alt="tekst" width=x height=y title="under tekst" > Hent et billede hvor
src= angiver hvor billede er placeret
alt= erstatnings teksten hvis billedet ikke kan vises
width="" er breden på billede
height="" er højden på billede
title="" er skjult tekst
target="_blank" angiver start nyt faneblad
Test billede
W3school
Style i header i html <style>
tag { hvad:Værdi; }
</style>
Sæt værdier som erstatter standardværdier for tags <style>
tag { color:read; }
</style>
"Sampel <style>"
W3school
Style af links i header i html <style>
a:link { hvad:Værdi; }
a:visited { hvad:Værdi; }
a:hover { hvad:Værdi; }
a:active { hvad:Værdi; }
</style>
Sæt værdier som erstatter standardværdier for link <style>
a:link {color:red; }
a:visited {color:blue;}
a:hover {color:grey;}
a:active {color:black}
</style>
"Sampel <style>"
W3school
Style af ordered lister i header i html <style>
ol { hvad:Værdi; }
</style>
Sæt værdier som erstatter standardværdier for ordered lister <style>
ol {color:red; }
</style>
"Sampel <style>"
W3school
Style af unordered lister i header i html <style>
ul { hvad:Værdi; }
</style>
Sæt værdier som erstatter standardværdier for unordered lister <style>
ul {color:red; }
</style>
"Sampel <style>"
W3school
Skift til en ny font <font>Tekst</br> Udfører linieskift linie 1
linie 2
W3school
Hent style <link rel="stylesheet" type="text/css" href="theme.css"> Udfører hent styling ??? W3school
cntl "u" <link rel="stylesheet" type="text/css" href="theme.css"> vis html coden ??? W3school
favicon "u" <link rel="stylesheet" type="text/css" href="theme.css"> icom på faneblad ??? W3school
media="print" <link rel="stylesheet" type="text/css" href="theme.css"> style print udskrivt ??? W3school