INDLEDNING
Mit navn er Frederik, og jeg har tænkt mig at lære jer nybegyndere lidt HTML.
Skal vi ikke bare se at komme i gang?

KOM I GANG
For at komme i gang med at kode HTML skal du åbne Notesblok eller Notepad i den engelske version af Windows, som du finder under START-PROGRAMMER-TILBEHØR også er du faktisk allerede godt i gang. Hvis du ikke bruger Windows, og derfor ikke har Notesblok, så brug en tilsvarende, simpel tekst-editor.

VIGTIGE TAGS
For at kode et stykke HTML er der nogle tags, altså små stykker kode, som du altid skal bruge.

er det vigtigste tag, da dette tag fortæller at du lige nu sidder og skrive HTML. Hvis du ikke allerede har åbnet Notesblok, så gør det nu, og indsæt øverst i dit nye dokument.

Nu laver du et linjeskift og skriver . De fleste tags afsluttes med , men der er dog nogle undtagelser. Det taler vi mere om senere.

Efter endnu et linjeskift skriver du . Head må du selv bestemme om du vil bruge, men det er i hvert fald overskriften på siden. En god idé, hvis du vil have en god overskrift, er at skrive

DINTEKSTHER

eller DINTEKSTHER ind i mellem tagget, og afslutte det med .
EKSEMPEL:

[code]

Din tekst her

[/code]

ELLER

[code]

Din tekst her
[/code]

Koden

gør teksten, som du skriver med ekstra stor. Der findes flere koder med H (

,

,

osv.)

Koden gør teksten fed.

Det næste tag vi kommer til er , som du skriver efter et linjeskift. Body er selve sidens indhold, og det er nok her du får mest brug for ,

osv. Derfor vil jeg snart lære dig nogle tag, men husk, at efter du har lukket af med så lukker du lige af med , så vi kan komme videre.

GRUNDLÆGGENDE TAGS
De grundlæggende tags indenfor HTML er de, som jo på den simpleste måde ændrer på teksten.
Her er de simpleste koder:

Fed tekst
Kursiv tekst
Understreget tekst

Laver linjeskift

laver to linjeskift

Lod du mærke til at
og

ikke blev afsluttet? Det er fordi de ikke behøves.

Hvis du skrive

laver browseren selvfølgelig to linjeskift.

DIN FØRSTE SIDE
Nu er det din tur. Prøv at lave en side, hvor der i den blå linje står Min første side, og på selve siden står der Dette er min første side.
Tryk nu på ‘Filer’ og derefter på ‘Gem som…’ og dernede hvor der står ‘Tekstdokumenter (*.txt)’ trykker du på den nedadvendene pil og vælger ‘Alle filer’. Du gemmer nu filen som ‘Test.html’ og går ind under ‘Dokumenter’ og finder det, du lige har lavet. Prøv at åbne filen og se – hvis det ikke virker, så tjek om du har lavet nogen fejl.

Ellers, så prøv at tjekke efter (IKKE KOPIERE) koden hernede om du nu har gjort det hele rigtigt:

[code]

Dette er min første side.

[/code]

Det var jo ikke så svært – vel? Lad os nu lære lidt flere tags vi kan sætte ind.

gør teksten mindre, og er endnu et tag der ikke skal afsluttes.

---

laver en streg i gennem siden, og skal ikke afsluttes.

Det var to tags du sikkert kan bruge – men hvad skal du bruge det TIL? Jo, du skal selvfølgelig bruge dem til at få din hjemmeside til at se flot ud med.

Kan jeg bruge flere tags samtidig?
Ja, det kan du faktisk godt. Hvis du nu BÅDE vil have fed og kursiv tekst på en gang, for eksempel, så skriv:

[code]
Fed og kursiv tekst her
[/code]

IKKE SÅDAN:
[code]
FORKERT!!!
[/code]

Altså, det tag der åbnes først skal lukkes sidst.

DIN TUR IGEN!
Så er det endnu engang din tur. Lav en side der ser sådan ud:
I den blå linje skal stå ‘Min første side’.
Lav en overskrift der siger, med både kæmpestor og med fed skrift ‘Dette er min første side…’ og skriv så med kursiv OG understreget tekst ‘…Og dette er en test.’ Du afslutter med lille tekst hvor der står ‘Skrevet af mig.’

LISTER
Nu skal du til at lære at lave liste.
For at lave en uordnet liste skriv

og lav så en masse tags med
• .

  EKSEMPEL:

  [code]
  

  Her er en liste!
  

  • Punkt 1...
  • Punkt 2...

  [/code]

  For at lave en ordnet liste, skriv

  og så en masse punkter med
  1. .

     EKSEMPEL:
     [code]

     1. Punkt 1...
     2. Punkt 2...

     [/code]

     er et andet tag, som laver et slags indryk i din tekst, for eksempel

     [code]
     Også sagde han

     Åh nej! Det er HAM!

     Og ganske rigtigt, det VAR virkeligt ham!
     [/code]

     Her er et link er en kode, som laver et link til en anden side. Det var bare et nyttigt tag ;)

     Send en mail her er endnu en slags link, denne linker bare til en emailadresse.

     Hvad så nu?
     Ganske flot, hvis du allerede har lavet en side nu, men hvor skal du uploade den?
     www.frac.dk og dinhost.net er ganske gode og gratis hjemmesider, hvor du kan få lov til at hoste dine filer. Det kan jeg desværre ikke skrive mere om her, da dette er en HTML artikel.

     Tags: bunden, guide, HTML, tutorial
     

     Related posts

     • Nice URl (0)
     • Mainteance (0)
     • Lav et community i PHP (0)
     • Lav en simpel mailform i PHP (0)
     • Lav din helt egen gæstebog! (0)