HTML-kurs for nybegynnere
Ønsker du å legge ut en ny cache og lage cachebeskrivelse med bilder og bedre formatert tekst.
Da må denne lages i HTML. Men fortvil ikke. Det er ikke sikkert det er så vanskelig som du tror.
Enkelt sagt er HTML et sett med tagger som gir ren tekst et formatert utseende
når dette vises i et egnet visningsprogram som f.eks. en nettleser.
Hva er en HTML-tagg
En tagg er altså en merkelapp som forteller hvordan en nettleser som f.eks. Internet Explorer skal tolke det som skal presenteres.
En tagg starter med tegnet mindre enn eller hakeparentes start slik: <
og avslutter med et større enn tegn eller hakeparentes slutt slik: >
En tagg kan da se slik ut
<h1>
Normalt brukes en start-tagg og slutt-tagg som vanligvis omslutter et tekstomtråde som browseren skal vise på en spesiell måte.
Det finnes også noe som heter empty tagg eller tomme tagger.
Et eksempel på det er taggen linjeskift som ser slik ut:
<br />
Denne lager altså ny linje i teksten.
En empty tagg har ikke en start eller slutt tagg med er på en måte både start og slutt i samme taggen.
Hvordan formatere tekst med HTML-tagger
For å markere en tittel med tittel taggen <h1> skriver man altså:
<h1>Dette er tittelen</h1>
Denne vil normalt vises på egen linje i større og kraftigere bokstaver i nettleseren slik:
Dette er tittelen
Legg merke til at for å se forskjell på en start tagg og en slutt tagg
så starter start taggen med < mens slutt taggen starter med </
En empty tagg som <br /> starter med < og slutter med />
Attributter
Noen HTML tagger har attributter. Et attributt er ekstra informasjon ved en tagg. F. eks en HTML tagg med en link til et annet nettsted har en attributt med URLen til det andre nettstedet.
Et attributt står alltid i start taggen slik: <Taggnavn Attributt="Attributtverdi">Tagginnhold</Taggnavn>
Her er ett eksempel:
<a href="http://www.geocaching.com">Link til Geocaching.com</a>
href er her et attributt og http://www.geocaching.com er attributtinnholdet til href
En empty tagg kan også ha attributter. Et eksempel på det er Taggen <img> som viser et bilde. Det kan se slik ut:
<img src="http://gcinfo.no/webfm_send/11" />
src er her attributten som inneholder en URL til bildet.
Eksempler
| HTML Kode med tekst | Vises i nettleseren som: | Kommentar |
| <b>Bold eller halvfet</b> | Bold eller halvfet | Start og slutt tagg |
| <p>Dette er et avsnitt</p> |
Dette er et avsnitt |
Et avsnitt har alltid ny linje foran og etter samt mere luft over og under. |
| <a href="http://www.geocaching.com"> Link til Geocaching.com</a> | Link til Geocaching.com | Link til et annet nettsted. Linken settes i href attributten. |
| <img src="http://gcinfo.no/webfm_send/11" /> | Eksempel på en empty tagg med attributt. Her en bildelink. Linken til bildet er i attributten src |
Her er en side med noen tips og eksempel-HTML som kan benyttes som mal
når man skal lage en cachebeskrivelse med HTML
Her er en liste med mange flere nyttige HTM- tagger
