HTML koder ver. 2.01
<HTML Koder> Enkle HTML koder for bruk til bl.a cachebeskrivelser. Ver. 2.01 Side 2 Ett HTML dokument inneholder både tekst som skal vises og instruksjoner om hvordan den skal vises av nettleseren. Instruksjonene er gitt av de kodene som inngår i tekstdokument. HTML-koden er en slik instruks, og den identifiserer tekst som programkode. Når du bruker mest koder, er det nødvendig å inkludere en innledende og avsluttende koden slik at nettleseren vet hvor å bruke instruksjonene. TEKST <h1>Tekst</h1> <h2>Tekst</h2> <h3>Tekst</h3> <h4>Tekst</h4> <b>Tekst</b> <i>Tekst</i> <br> <p>Tekst</p> Størst skrift Stor skrift Større skrift Minst skrift Bold skrift Italic skrift Linjeskift (taggen står alene) Avsnitt FARGER <font color="#FF0000">Tekst</font> Rød tekst <font color="#0000FF">Tekst</font> Blå tekst <font color="#00FF00">Tekst</font> Grønn tekst <font color="#FFFF00">Tekst</font> Gul tekst Komplett oversikt over fargene finnes blant annet på adressen: http://html-color-codes.com/ LINKER Link der du bestemmer teksten.. Eksempel: Geocaching i Norge. [url=http://url]tekst[/url] Eksempel: [url=http://www.gcinfo.no]Geocaching i Norge[/url] Link der du bestemmer teksten, og som åpner seg i eget vindu: <a href="http://url" target="_blank">Tekst</a> Eksempel: <a href="http://gcinfo.no" target="_blank">Geocaching i Norge</a> Link der selve adressen vises . Eksempel: http://gcinfo.no/ [url]http://url[/url] Eksempel: [url]http://gcinfo.no[/url] RAMMER Side 3 <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> SERIE MED BILDER I TABELL ( Endre <table border="1"> til <table border="0"> og du fjerner rammen) LISTE MED ”DOTT” FORAN <ul> <li>Linje 1</li> <li>Linje 2</li> <li>Linje 3</li> <li>Linje 4</li> <li>Linje 5</li> </ul> <body> <html> <h4>Navn på billedserien:</h4> <table border="1"> <tr> <td><img src="Bildelink" /></td> <td><img src="Bildelink" /></td> <td><img src="Bildelink" /></td> </tr> <tr> <td><img src="Bildelink" /></td> <td><img src="Bildelink" /></td> <td><img src="Bildelink" /></td> </tr> </table> </body> </html> TIPS TIL FORMINSKING AV BILDE 1. 2. 3. 4. 5. 6. Merk bildefila som skal forminskes Høyreklikk på fila og velg ”Åpne i” og deretter ”Paint” I nedtrekksmenyen velger du ”Bilde” og deretter ”Strekk/Forskyv” Sett både ”Vannrett” og ”Loddrett” til for eksempel 50% og klikk OK Lagre og Lukk paint. Er bildet fortsatt for stort, gjenta prosessen. BILDE <img src="bilde link her" align="right"> Bilde plassert til høyre, tekst til venstre. <img src="bilde link her" align="left"> Bilde plassert til venstre, tekst til høyre <center><img src="bilde link her"></center> Bilde sentrert på siden, ingen tekst på sidene. <img src="bilde link her"> Bilde plassert fra venstre og mot høyre, ingen tekst på siden. Usynlig ramme til bilde. Forandrer størrelsen på bildet ved å endre på tallene i ”width” og ”height” Husk å endre proposjonalt. Omregningskalkulator finnes på www.rudberg.as <img border="0" src= "bilde her" alt="" width="450" height="338" /> HVORDAN FINNE BILDELINKEN PÅ www.geocaching.com ? 1. Last opp et bilde til cachesiden på normal måte 2. Klikk på ”navnet” på bildefilen på cachesiden. NB: Det er her meget viktig at du ikke klikker på ”edit/rediger”, da vil feil adresse komme frem. 4. Linken til bildet sees nå i adressefeltet. Husk at det alltid skal slutte med ”.jpg”. Klikk èn gang på teksten i adressefeltet slik at den blir merket, høyreklikk med musa og velg ”kopier” . 5. Gå tilbake til redigeringsbildet på den aktuelle cachen, og ”lim inn” ved å høyre klikke med musa i bildetaggen. Den blir da seende slik ut: Eksempel: Før: <img src="bilde link her"> Etter: <img src="http://img.geocaching.com/cache/1972b40d-6e2f-406b-8ebfbe57fcd97e68.jpg"> Side 4 SCRIPT Side 5 <center><a href="http://www.gcinfo.no" target="_blank"> <img src="http://gcinfo.no/webfm_send/95" alt="Geocaching i Norge" /> </a></center> <center><a href="http://www.gcinfo.no" target="_blank"> <img src="http://gcinfo.no/webfm_send/98" alt="Geocaching i Norge" / ></a></center><br> <center><div align="center"><a href="http://www.gcinfo.no" target= "_blank"><img src="http://gcinfo.no/webfm_send/139" alt= "Geocaching i Norge" title="Landsbycacherne/Geocaching i Norge" border="0"> </a></div></center> <br><br><center><div align="center"><a href="http://www.gcinfo.no" target= "_blank"><img src="http://gcinfo.no/webfm_send/139" alt= "Geocaching i Norge" title="Landsbycacherne/Geocaching i Norge" border="0"> </a></div></center> <br><center><a href="http://www.gcinfo.no" target="_blank"> <img src="http://gcinfo.no/webfm_send/98" alt="Geocaching i Norge" / ></a></center><br> Endrer du tallet i ”cellpadding”, forandrer du avstanden mellom logoene. Jo høyere tall, jo mer avstand. <center> <table border="0" cellpadding="50"> <tr> <td> <div align="center"><a href="http://www.gcinfo.no" target="_blank"><img src="http://gcinfo.no/ webfm_send/139" alt="Geocaching i Norge" title="Landsbycacherne/Geocaching i Norge" border="0" / ><a></div> </td> <td><br /> <br /> <a href="http://www.gcinfo.no" target="_blank"><img src="http://gcinfo.no/webfm_send/98" alt="Geocaching i Norge" /></a></td> </tr> </table> </center> TELLEVERK /COUNTER PÅ CACHESIDEN 1. Gå inn på siden http://flagcounter.com/index.html 2. Klikk på ”Get your flag counter” 3. Neste bilde er det like greit å klikke ”skip” på. 4. Klikk en gang på adressen som kommer i det øverste feltet merket ”Code for websites”. Denne blir nå merket, så høyreklikker du med musa og velger ”kopier” . 5. Gå tilbake til redigeringsbildet på den aktuelle cachen, og ”lim inn” på ønsket sted, ved å høyre klikke med musa. Tilføy gjerne <center> før, og </center> etter linken hvis du vil sentrere den på siden. Lim HTML koden inn helt til slutt, etter logoene. Benytt følgende tag: <br><center>HTMLkode fra Flagcounter</center> ANDRE RESSURSER: http://www.w3schools.com/ http://www.quackit.com/ http://www.rudberg.as/ http://www.gcinfo.no/ http://www.swedenreviewers.se/htmleditor.aspx
© Copyright 2024