Spring til indhold

Basis webdesign med XHTML og CSS/Tags

Fra Wikibooks, den frie samling af lærebøger

Tags er noget af det vigtigste i XHTML. På dansk kan ordet flag også bruges, men tag er mest brugt. Husk at tags kommer fra engelsk og udtales derfor også på engelsk. Her vil du lære at lave dine første tags.

Sådan laver du et tag[redigér]

Et tag starter altid med et mindre-end tegn "<" og slutter med et større-end tegn ">". I dem kan du så skrive en kommando. Denne kommando vil gælde indtil du har lukket tagget igen, det gør man ved at skrive skråstreg "/" foran kommandoen, men stadigvæk mellem "<" og ">". F.eks. fortæller kommandoen "html" at det er her du skriver din html tekst. Du kan nu prøve at skrive dette i din tekst editor:

<html>
Hej
</html>

Først giver vi kommandoen "html" der fortæller at det er her du skriver din html tekst. Så skriver vi "hej" til sidst lukker vi kommandoen med </html>.

Flere Tags[redigér]

"Head" kommandoen fortæller browseren at der nu kommer informationer om siden. Der er mange tags der kan indformere om siden, men det første du skal lære er <title>. Det fortæller navnet på hjemmesiden til browseren. Head er engelsk og betyder hoved så hvad mangler vi nu? Kroppen eller engelsk body, for efter <head> (når det er lukket) kan man lave kommandoen "body".

Forskellen på <head> og <body> er simpelt nok om de bliver vist på skærmen. Da tags i <head> (som <title>) kun fortæller noget til browseren bliver indeholet ikke vist på skærmen der imod bliver body vist på skærmen. Body er altså det der bliver vist på skærmen.

Overskrift og afsnit[redigér]

Når man laver hjemmesider vil man tit gerne have en overskrift. For at fortælle browseren at en tekst er en overskrift skal man bruge <h1>. Hvis du så skal have en underoverskrift skal du skrive <h2>. Du kan lave underoverskrifter helt ned til "h6". Husk at slutte overskriften med f.eks. </h1>.

Kommandoen "p" fortæller at der er et afsnit. Der skal alså stå <p> når afsnittet starter </p> når afsnittet slutter.

Doctype[redigér]

Nu mangler vi kun en ting for at kunne se hjemmesiden i en browser. For browseren skal ha' en type eller en slags "dialekt". Dette kaldes en Doctype og skal altid være øverst i dokumentet. Den vi bruger når vi laver XHTML ser sådan ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Din første side[redigér]

Det var meget at lære ik'? Nu sætter vi det hele sammen til en side. Prøv nu dette i din tekst editor og gem som "side1.html":

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Dette er title på min hjemmeside</title>
  </head>
  <body>
    <h1>
      Min første hjemmeside
    </h1>
    <p>
      Hej verden! Her er min hjemmeside!
    </p>
  </body>
</html>

Teksten er rykket ind med mellemrum, for at gøre det hele mere overskueligt

Åbn nu din browser og tryk: Filer > Åbn fil... > En menu kommer op. Brug den til at vælge den fil du lige har lavet. Her er din første hjemmeside så, smukt ikke?.


Næste kapitel: Basis webdesign med XHTML og CSS/Visuelle tags.