Html kort intro
16
Html En kort introduksjon
Transcript of Html kort intro
Html
En kort introduksjon
Html = hypertext markup language
(markeringsspråk)
Fordeler ved å kunne litt html
Fikse på avanserte ting
Lettere å lære seg redigereren
Lettere å bytte redigerer (eks fra Dreamweaver til Frontpage)
Ikke avhengig av redigerer
Dynamiske websider
Forstå hvordan andre sider er laget (kildekode)
Markeringsspråk
Skriver vanlig tekst
Markerer med tagger
Teksten får spesielle egenskaper
Eks:
Gratulerer, du fikk karakteren fem
html:
Gratulerer, du fikk karakteren <strong> fem</strong>
Kode og tag
En kode består av tagg
Taggene står innenfor vinkelparanteser: <>
To typer htmltagger
Type 1:
Markerer et område med tekst, gir det en spesiell mening.
Eks:
Gratulerer, du fikk karakteren fem
html:
Gratulerer, du fikk karakteren <strong> fem</strong>
Type 2:
Markerer bare et punkt i teksten. Starter og slutter samtidig.
Her er første linje <br/>Her er andre linje
Atributter
Html-tagger kan ha attributter.
Forteller noe om hvordan taggen skal oppføre seg.
Eks:
<img src="images/smear_your_smiles_100pxl.jpg" alt="Smear your Smiles back on" width="100" height="100" class="leftimage" />
I dette eks har bildet 5 atrributter
Html-koder
En html-kode inneholder tre <beholder-tagger>:(+<TITLE>)
HTML, HEAD, BODY
<HTML> omslutter all teksten i dokumentet.
<HEAD> inneholder en del tilleggsdata.
<BODY> inneholder dataene til selve websiden.I denne beholderen plasseres teksten, og taggene som angår bilder, tabeller, linker og lignende.
Eks:<HTML> <HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY> </BODY>
</HTML>
NB: Fargene er kun ment for å vise hvor taggene starter/slutter
Kort og tett forklart….
<html> - sier ifra at dette er et HTML-dokument som nettleseren skal lese.
<head> - hodet til dokumentet inneholder... <title> - tittelen til dokumentet som kommer i
nettleserens tittellinje</title> </head> - hodet avsluttes etter at tittelen er
avsluttet <body> - kroppen til dokumentet, selve innholdet på
siden kommer etter denne </body> - kroppen avsluttes når alt innholdet er med </html> - sier ifra at HTML-dokumentet er ferdig
Avslutning av tagger
Legg merke til at taggene har avlutninger som angis med skråstrek.
Kommandoen <HEAD> avsluttes med </HEAD>
- mellomrom - tabulatorer mellom taggene - avsnitt - blanke linjer
ikke ha noen innvirkning på websiden
bare gjøre koden mer oversiktelig
Se eget word-dokument for mer utfyllende info.
