HOME -> HTML_TUTORIAL -> html-04 Tirsdag, 27. Juni 2017

HOME
FORUM
OPEN DIRECTORY
BOOKMARK
Offentliggjort 2002 - Opdateret n/a

Lektion 04

Den første side.

Indhold:

  • Typografi
  • Den første side


Typografi
Indtil videre har vi mest omtalt følgende tags:

<head>, <body>, <html> og <title>, samt hvad head og body sektionen kan indeholde.

Inden vi nu lægger ud med den første side, vil jeg lige smide et par ekstra tags ind på banen. Ved hjælp af disse tags har du mulighed for at tilpasse de typografiske egenskaber. Det drejer sig om:

Overskrift (heading)

<h1> t.o.m <h6> er beregnet til overskrifter (heading), hvor h1 er størst.


Almindelig tekst (paragraph)

<p> er beregnet til de enkelte afsnit.


Styring af skrift

<i> gør at skriften bliver kursiv.
<b> gør at skriften bliver fed. (bold).
<u> understreger vores tekst (underline).
<blockquote> laver en indrykning af teksten.


Font size

Ved hjælp af font size bestemmer du din skrift størrelse. Man anvender her intervallet 1 til 7, hvor 7 er størst.


<font size="7">Her er en tekst</font>



Font face

Ved hjælp af font face kan du bestemme skrift typen så som arial, verdana, helvetia og andre.


<font face="arial">Her er en tekst</font>



Andre tags

Her er en række andre tags, som du også kan bruge.


<big> .... </big>Stor skrift.
<small> .... </small>Lille skrift.
<sub> .... </sub>Sænket skrift.
<sup> .... </sup>Hævet skrift.


Jeg vil ikke gå i dybden med typografien i html, da stylesheet efterhånden har afløst den "gamle" html typografi. Mange af elementerne bruges stadig, blot på en mere effektiv og rationelt måde. Hvis du har nogen tid til overs ville det helt sikkert være en god ide, at læse css lektionerne her på siten.

Kort om CSS?

Via CSS kan web-udvikleren få kontrol over, hvordan siderne skal vises i en browser. Specifikationerne til CSS blev udviklet af W3C, et www-consortium. Med CSS opretter man såkaldte stylesheets (typografi ark), der f.eks. beskriver skrifttyper, farve, størrelse m.m. Et stylesheet bliver når det er færdig tilknyttet de enkelte web-sider.


Den første side
I et forsøg på at lave koden lidt mere overskuelig har jeg lagt farve på taggene. Hvad man altid skal holde sig for øje er, at de elementer man anvender skal afsluttes på rigtig måde.


Forkert!!!
<p><i>Dette er forkert</p></i>

Rigtig!
<p><i>Dette er den rigtige måde</i></p>


Eksempel på min første side


<html>

<head>
<title>Min første side</title>
</head>

<body>

<h1>Her er en overskrift</h1>

<p>Her er noget tekst</p>

<h2>Her en overskrift lidt mindre end den første</h2>

<p><i>Teksten er skrevet i kursiv form</i></p>

<p><b>Teksten er skrevet med fed</b></p>

<p><u>Teksten er understreget</u></p>

<p><i><u>Teksten er kursiv og understreget</u></i></p>

<blockquote>Dette er en indrykket tekst</blockquote>

</body>

</html>


Vis som eksempel

Prøv nu at kopiere koden i kassen ovenfor, over i din egen tekst editor. Gem så denne fil som f. eks. test.htm (Husk at vælge alle filer før du gemmer). Prøv så at åbne filen i din browser, og wupti, så kan du se din første side.

Næste lektion handler om lister.

PUNKTOPSTILLING / LISTER >>

 

Copyright © 2002 - 2017
NETeXplorer.dk · All rights reserved Top