Lær deg HTML

Hva er HTML?

HTML (hypertext markup language) er "språket" som brukes for å skrive tekst og plassere bilder og andre objekter på en webside. Prinsippet er at du må skrive inn i teksten beskjed om hvordan sida skal se ut for leseren:
Bokstavstørrelse, skrifttype, farger osv. har egne koder. På denne sida finner du en del stoff om dette emnet, som blir hovedtema i valgfagtimene framover.

Hvordan lager du din egen hjemmeside?

Kildefila (eng.: source file) til en webside skrives alltid som ren tekst, derfor må den inneholde koder for at den skal vises som formatert tekst i en nettleser (eng.: browser).
Her er en enkel oversikt over de mest brukte kodene.

Bruk programmet NotePad (norsk: Notisblokk), i Windows finner du det slik:
Start --> Programmer --> Tilbehør --> NotePad
På Macintosh heter det tilsvarende programmet Enkel Tekst.

"Skjelettet" i et HTML-dokument må se slik ut:

<HTML>
<HEAD>
<TITLE>

her skriver du tittelen på sida di

</TITLE>
</HEAD>
<BODY>

her kommer innholdet på sida, med tekst, bilder og linker, se egen side for tips om koder.

</BODY>
</HTML>

Som du ser, står kodene (the tags) alltid i klammeparenteser <-->, og de fleste har en begynner- og en avslutningsversjon, for eksempel denne: <CENTER> ---- </CENTER>

Når sida er ferdig, lagres den med filnavnet index.html.
Deretter kan du velge "Åpne" i nettleseren din, og beundre resultatet.
Om du trenger inspirasjon, kan du høyreklikke i en hvilken som helst webside og velge "Vis kilde" (eng.: View source"). Da får du vist HTML-koden til sida, og du kan undersøke hvordan den er skrevet.

Dersom du vil kikke nærmere på HTML, kan disse stedene være av interesse:
Dagbladets hjemmesidekurs viser hvordan du lager hjemmeside med en enkel editor, mens HTML-kurset fra NRK2-programmet Spider forklarer de viktigste prinsippene bak HTML. Her finner du også alt du trenger for å skrive HTML "for hånd".

Noen ord om editorer:

Tøffingene blant oss skriver sjølsagt HTML direkte i NotePad eller Enkel Tekst, avhengig av om du bruker PC eller Mac. Plattformen er ikke poenget, bare du lagrer fila som ren tekst (ASCII).

Enten du har innsikt i HTML eller ikke, vil du kunne arbeide mer effektivt med en HTML-editor, d.v.s. et program som mer eller mindre ligner en tekstbehandler og som skreddersyr websida di uten at du trenger å ha alle kodene i hodet.

Du finner et godt utvalg editorer for Windows på Tucows-sida.

Eksempler på editorer er Adobe PageMill, HoTMetaL, PageSpinner og HotDog. Adobe PageMaker f.o.m. 6.0-versjon kan også generere HTML både for Mac og PC. Det samme kan Microsoft Word 97, men du må huske å velge denne funksjonen når du installerer Word på maskinen.Mange av de mest brukte programmene finnes som shareware på en ftp-server (for eksempel denne, som tilhører Universitetet i Tromsø), på TUCOWS-sida eller på en gratis-CD som følger med mange datablader.

Min favoritt er Netscape Communicator. Her kan du lage hjemmesida i programmets editor (Netscape Composer), og enkelt veksle mellom redigering og visning. Andre editorer er kanskje mer fancy, men Communicator er den enkleste jeg har prøvd så langt. Siste versjon heter Communicator 4.7. Les mer på Netscapes egne sider.

Se også TUCOWS-sida for mer informasjon om Netscape og andre programmer.
Last gjerne ned Netscape hjemme hos deg sjøl, trykk på knappen under og hent din versjon - den er nå gratis.
Obs: Stoor fil, tar en drøy time med modem, kortere med ISDN.
PS: Om du foretrekker Microsoft Internet Explorer framfor Netscape for surfing på WWW, må du huske at dette programmet ikke har editor-funksjon innebygget, slik Netscape har. Microsofts editor heter Front Page, og koster penger.

 
 

Send gjerne e-post med kommentarer eller spørsmål til leif@svelvik.online.no.

 

Valgfag - startside

Introduksjon

HTML-koder

E-postliste

Lær e-post

Tilbake til toppen av denne sida
 
Sidene lages av Leif Tangen
Svelvik, 11.11.1998