Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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...
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: <>
Hva består HTML av?
Gratulerer, du fikk en <strong>femmer</strong>
Tekst som
skal gjøres
noe med
TAGGER
Sier hva som skal
...
Hva består HTML av?
<strong>femmer</strong>
Start-tagg
Markerer starten på det
som skal gjøres noe med
Slutt-tagg
Markerer...
To typer htmltagger
 Type 1:
Markerer et område med tekst, gir det en spesiell
mening.
Eks:
Gratulerer, du fikk karaktere...
 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/s...
Attributter
Andre eksempler
<img src=”img/bilde.jpg” alt=”Beskrivelse” />
<strong style=”color:red;”>Rød og bold</strong>
...
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 selv...
 Eks:
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
 NB: Fargene er kun ment for å vise hvor taggene
sta...
Kort og tett forklart….
 <html> - sier ifra at dette er et HTML-dokument som
nettleseren skal lese.
 <head> - hodet til ...
Avslutning av tagger
 Legg merke til at taggene har avlutninger som angis
med skråstrek.
 Kommandoen <HEAD> avsluttes me...
- mellomrom
- tabulatorer mellom taggene
- avsnitt
- blanke linjer
 ikke ha noen innvirkning på websiden
 bare gjøre kod...
Upcoming SlideShare
Loading in …5
×

Html basic intro

384 views

Published on

basic about html

Published in: Education
  • Very nice tips on this. In case you need help on any kind of academic writing visit website ⇒ www.HelpWriting.net ⇐ and place your order
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Html basic intro

  1. 1. Html En kort introduksjon
  2. 2.  Html = hypertext markup language (markeringsspråk)
  3. 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. 4. Markeringsspråk  Skriver vanlig tekst  Markerer med tagger  Teksten får spesielle egenskaper
  5. 5.  Eks: Gratulerer, du fikk karakteren fem html: Gratulerer, du fikk karakteren <strong> fem</strong>
  6. 6. Kode og tag  En kode består av tagg  Taggene står innenfor vinkelparanteser: <>
  7. 7. Hva består HTML av? Gratulerer, du fikk en <strong>femmer</strong> Tekst som skal gjøres noe med TAGGER Sier hva som skal gjøres
  8. 8. Hva består HTML av? <strong>femmer</strong> Start-tagg Markerer starten på det som skal gjøres noe med Slutt-tagg Markerer slutten på det som skal gjøres noe med. Starter alltid med </ < > Taggene står alltid innenfor vinkelparanteser
  9. 9. 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>
  10. 10.  Type 2: Markerer bare et punkt i teksten. Starter og slutter samtidig. Her er første linje <br/> Her er andre linje
  11. 11. 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
  12. 12. Attributter Andre eksempler <img src=”img/bilde.jpg” alt=”Beskrivelse” /> <strong style=”color:red;”>Rød og bold</strong> <a href=”http://ulv.no” alt=”Beskrivelse” target=”_blank”>Link til ulv.no</a>
  13. 13. Html-koder  En html-kode inneholder tre <beholder-tagger>: (+<TITLE>)  HTML, HEAD, BODY
  14. 14.  <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.
  15. 15.  Eks: <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML>  NB: Fargene er kun ment for å vise hvor taggene starter/slutter
  16. 16. 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
  17. 17. Avslutning av tagger  Legg merke til at taggene har avlutninger som angis med skråstrek.  Kommandoen <HEAD> avsluttes med </HEAD>
  18. 18. - mellomrom - tabulatorer mellom taggene - avsnitt - blanke linjer  ikke ha noen innvirkning på websiden  bare gjøre koden mer oversiktelig

×