SlideShare a Scribd company logo
HtmlEn kort introduksjon
Html = hypertextmarkuplanguage(markeringsspråk)
Fordeler ved å kunne litt htmlFikse på avanserte tingLettere å lære seg redigererenLettere å bytte redigerer (eks fra Dreamweaver til Frontpage)Ikke avhengig av redigererDynamiske websiderForstå hvordan andre sider er laget (kildekode)
MarkeringsspråkSkriver vanlig tekstMarkerer med taggerTeksten får spesielle egenskaper
Eks:Gratulerer, du fikk karakteren fem html:Gratulerer, du fikk karakteren <strong> fem</strong>
Kode og tagEn kode består av taggTaggene står innenfor vinkelparanteser: <>
To typer htmltaggerType 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
AtributterHtml-tagger kan ha attributter.Forteller noe om hvordan taggen skal oppføre seg.Eks:<imgsrc="images/smear_your_smiles_100pxl.jpg" alt="Smear your Smiles back on" width="100" height="100" class="leftimage" /> I detteeksharbildet 5 atrributter
Html-koderEn 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 taggerLegg 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å websidenbare gjøre koden mer oversiktelig
Se eget word-dokument for mer utfyllende info.

More Related Content

PPTX
Html introduksjon 1mka
PPTX
Html introduksjon
PPTX
Html basic intro
PPT
Html语言基础
PPTX
Skrive notater
PPTX
Ordlister og korrektur
PPT
Pj1100 slideserie1 intro_html
PPTX
Html - powerpoint
Html introduksjon 1mka
Html introduksjon
Html basic intro
Html语言基础
Skrive notater
Ordlister og korrektur
Pj1100 slideserie1 intro_html
Html - powerpoint

Viewers also liked (7)

PPTX
Hollywoodmodellen 1
PPTX
Web viktig til_oppgave
PPTX
Web viktig til_presentasjon
PPTX
Video Workshop by Frederick Rodrigues
PPTX
Kort om dreamweaver
PPTX
Bubu presentasjon aida_anja
PPTX
Internett historie
Hollywoodmodellen 1
Web viktig til_oppgave
Web viktig til_presentasjon
Video Workshop by Frederick Rodrigues
Kort om dreamweaver
Bubu presentasjon aida_anja
Internett historie
Ad

More from akh78 (13)

PPTX
Test
PPTX
Test
PPTX
Internett historie
PPTX
Lysbildefakta anja
PPTX
Skrive for skjerm
PPTX
Web viktig til_oppgave
PPTX
Web viktig til_oppgave
PPTX
Css – cascading style sheets ny
PPTX
Webdesign prosessen komprimert
PPTX
Webdesign intro
PPTX
Internett historie
PPTX
Skrive for skjerm
PPTX
Husker du
Test
Test
Internett historie
Lysbildefakta anja
Skrive for skjerm
Web viktig til_oppgave
Web viktig til_oppgave
Css – cascading style sheets ny
Webdesign prosessen komprimert
Webdesign intro
Internett historie
Skrive for skjerm
Husker du
Ad

Html kort intro

  • 3. Fordeler ved å kunne litt htmlFikse på avanserte tingLettere å lære seg redigererenLettere å bytte redigerer (eks fra Dreamweaver til Frontpage)Ikke avhengig av redigererDynamiske websiderForstå hvordan andre sider er laget (kildekode)
  • 4. MarkeringsspråkSkriver vanlig tekstMarkerer med taggerTeksten får spesielle egenskaper
  • 5. Eks:Gratulerer, du fikk karakteren fem html:Gratulerer, du fikk karakteren <strong> fem</strong>
  • 6. Kode og tagEn kode består av taggTaggene står innenfor vinkelparanteser: <>
  • 7. To typer htmltaggerType 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>
  • 8. Type 2: Markerer bare et punkt i teksten. Starter og slutter samtidig.Her er første linje <br/>Her er andre linje
  • 9. AtributterHtml-tagger kan ha attributter.Forteller noe om hvordan taggen skal oppføre seg.Eks:<imgsrc="images/smear_your_smiles_100pxl.jpg" alt="Smear your Smiles back on" width="100" height="100" class="leftimage" /> I detteeksharbildet 5 atrributter
  • 10. Html-koderEn html-kode inneholder tre <beholder-tagger>:(+<TITLE>)HTML, HEAD, BODY
  • 11. <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.
  • 12. Eks:<HTML><HEAD><TITLE> </TITLE></HEAD><BODY></BODY></HTML>NB: Fargene er kun ment for å vise hvor taggene starter/slutter
  • 13. 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
  • 14. Avslutning av taggerLegg merke til at taggene har avlutninger som angis med skråstrek.Kommandoen <HEAD> avsluttes med </HEAD>
  • 15. - mellomrom - tabulatorer mellom taggene - avsnitt - blanke linjer ikke ha noen innvirkning på websidenbare gjøre koden mer oversiktelig
  • 16. Se eget word-dokument for mer utfyllende info.