SlideShare uma empresa Scribd logo
1 de 16
Html En kort introduksjon
Html = hypertextmarkuplanguage(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:<imgsrc="images/smear_your_smiles_100pxl.jpg" alt="Smear your Smiles back on" width="100" height="100" class="leftimage" /> I detteeksharbildet 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.

Mais conteúdo relacionado

Destaque (7)

Hollywoodmodellen 1
Hollywoodmodellen 1Hollywoodmodellen 1
Hollywoodmodellen 1
 
Web viktig til_oppgave
Web viktig til_oppgaveWeb viktig til_oppgave
Web viktig til_oppgave
 
Web viktig til_presentasjon
Web viktig til_presentasjonWeb viktig til_presentasjon
Web viktig til_presentasjon
 
Video Workshop by Frederick Rodrigues
Video Workshop by Frederick RodriguesVideo Workshop by Frederick Rodrigues
Video Workshop by Frederick Rodrigues
 
Kort om dreamweaver
Kort om dreamweaverKort om dreamweaver
Kort om dreamweaver
 
Bubu presentasjon aida_anja
Bubu presentasjon aida_anjaBubu presentasjon aida_anja
Bubu presentasjon aida_anja
 
Internett historie
Internett historieInternett historie
Internett historie
 

Mais de akh78 (13)

Test
TestTest
Test
 
Test
TestTest
Test
 
Internett historie
Internett historieInternett historie
Internett historie
 
Lysbildefakta anja
Lysbildefakta anjaLysbildefakta anja
Lysbildefakta anja
 
Skrive for skjerm
Skrive for skjermSkrive for skjerm
Skrive for skjerm
 
Web viktig til_oppgave
Web viktig til_oppgaveWeb viktig til_oppgave
Web viktig til_oppgave
 
Web viktig til_oppgave
Web viktig til_oppgaveWeb viktig til_oppgave
Web viktig til_oppgave
 
Css – cascading style sheets ny
Css – cascading style sheets nyCss – cascading style sheets ny
Css – cascading style sheets ny
 
Webdesign prosessen komprimert
Webdesign prosessen komprimertWebdesign prosessen komprimert
Webdesign prosessen komprimert
 
Webdesign intro
Webdesign introWebdesign intro
Webdesign intro
 
Internett historie
Internett historieInternett historie
Internett historie
 
Skrive for skjerm
Skrive for skjermSkrive for skjerm
Skrive for skjerm
 
Husker du
Husker duHusker du
Husker du
 

Html kort intro

  • 1. Html En kort introduksjon
  • 3. 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)
  • 4. Markeringsspråk Skriver vanlig tekst Markerer med tagger Teksten får spesielle egenskaper
  • 5. Eks:Gratulerer, du fikk karakteren fem html:Gratulerer, du fikk karakteren <strong> fem</strong>
  • 6. Kode og tag En kode består av tagg Taggene står innenfor vinkelparanteser: <>
  • 7. 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>
  • 8. Type 2: Markerer bare et punkt i teksten. Starter og slutter samtidig.Her er første linje <br/>Her er andre linje
  • 9. Atributter Html-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-koder En 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 tagger Legg 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å websiden bare gjøre koden mer oversiktelig
  • 16. Se eget word-dokument for mer utfyllende info.