Globale linker

HTML

<heading 1-6>

Tekst kan tagges opp, eller formateres blant annet ved hjelp av forhåndsdefinerte html-tagger.

Først har vi overskrifter som kommer i 6 størrelser; h1 - h6 hvor h1 har den største skriften og h6 den minste.

Eksempel:

<h1>overskrift 1</h1>

<h2>overskrift 2</h2>

<h3>overskrift 3</h3>

<h4>overskrift 4</h4>

<h5>overskrift 5</h5>

<h6>overskrift 6</h6>

Overskriftene har kun ett valig attributt: align, som kan ha verdiene left, center eller right og angir horisontal justering på linjen.

NB! Align er utgått til fordel for CSS.

<pre>

Man har også <pre>-taggen som legger inn preformatert tekst. Det vil si at den tar hensyn til alle mellomrom og linjeskift som skrives i koden, noe den ellers ikke gjør.

<pre>mens teksten blir  i en litt        stygg og 
utrivelig font.</pre>

NB! Taggen er gått ut til fordel for CSS. (white-space: pre)

<p> og <br />

Tekstformattering er viktig Nettleseren vil ikke kjenne igjen linjeskift du setter med Enter-tasten når du håndkoder.

Vil du sette inn et linjeskift i dokumentet må du bruke break - <br />- taggen. Dette er en såkalt åpen tag, og trenger ingen avslutningstag (</br>). <br />-taggen tvinger etterfølgende tekst til ny, venstrejustert linje. I Dreamweaver får du linjeskift ved å bruke SHIFT+Enter.

Bruker du kun Enter i Dreamweaver får du nytt avsnitt. Et avsnitt gir «en ekstra blank linje» mellom tekstlinjene. HTML-koden for avsnitt er <p> og </p>. Teksten i avsnittet plasseres mellom <p>-taggene.

Man kan heller ikke sette inn flere blanke karakterer (spacebar-trykk) i et HTML-dokument. Vil du ha mer mellomrom må du bruke såkalt «non-breaking-space» =  
  er en usynlig karakter som tar like mye plass som en bokstav/karakter, eller det samme som ett trykk på ordskillertasten.

<blockquote>

<blockquote>brukes til innrykk av sitater eller tekstinnrykk. Du kan også bruke flere etter hverandre for å rykke teksten lenger inn på siden, men pass da på at du avslutter like mange ganger.</blockquote>

<font>

Man kan også tagge opp tekst med <font>-taggen.
Attributter er size, color og face, for eksempel:
<font size="4" face="verdana" color="#FF0000">Rød verdana</font>
size 1
size 2
size 3 (default)
size 4
size 5
size 6
size 7

<font size="+1"> en størrelse større skrifttype enn default i browseren. Her kan det brukes fra +1 til +7, hvor +1 er 1 punkt større enn skriftstørrelsen som er definert som default i brukerens browser og +7 er syv punkter større </font>

<font size="-1"> en størrelse mindre skrifttype enn default i browseren. Her kan det brukes fra -1 til -7, hvor -1 er ett punkt mindre enn skriftstørrelsen som er definert som default i brukerens browser og -7 er syv punkter mindre. </font>

<font color="#ff0000"> farget tekst, kan angis med fargeangivelse som f.eks «color=red», eller med hexadesimalkoden for fargen. Det sikreste er å bruke hexakoden, da det ikke er alle browsere som støtter «ord-koden»</font>

<font face="Georgia, Times New Roman, Times, serif">font type. Vær forsiktig med å bruke kule og rare fonter, da det ikke er sikkert at brukeren har disse på sin maskin. Har ikke brukeren en av de fontene vi har angitt, vil browseren vise teksten med standard-fonten som er definert i browseren.
Pass også på å angi font-grupper, altså flere fonter. Har ikke brukeren den første fonten i face-attributtet, leter den etter den neste. Har den ikke den, leter den etter neste, osv.</font>

NB! Taggen er utgått til fordel for CSS.

<b> og <i>, <strong> og <em>....

<b>gir uthevet tekst</b>.

<strong>gir uthevet tekst</strong> (anbefalt framfor <b>)

<i>gir kursiv tekst</i>.

<em>gir kursiv tekst</em> (anbefalt framfor <i>)

<address>
Jens Morten Frøhoel, Hjemmeveien1, 0007 Oslo
</adress>

Man kan strukturere opp tekst med en rekke tagger. Hos W3C finner du en komplett oversikt.

Gå til neste side hvor vi skal se på lister.