Hvordan legger jeg inn HTML-kode?

Du kan enkelt legg inn egen HTML-kode på hjemmesiden.

Legg merke til at vi ikke har brukerstøtte for dette!

Det er ikke all HTML-kode som funker sammen med din hjemmeside, men det meste fungerer uten problemer. Et eksempel på HTML-koder som ikke kan legges inn, er koder som inneholder skjemaer.
I HTML kan du ikke ha et skjema inni et annet hvis hjemmesiden allerede bruker den funksjonen. Men som sagt: det meste fungerer uten problemer.
Det kan også oppstå problemer hvis du prøver å legge inn javascript. Hvis scriptet du har lagt inn ikke fungerer, må du fjerne det igjen.

Du kan lime inn koder overalt der du har tilgang til verktøylinjen, for da kan du klikke på knappen

Når du er inne i et felt er det veldig viktig at du ikke ødelegger koden som ligger der fra før. Hvis du har en tom tekstboks, har du også en tom boks når du klikker på HTML-knappen. Men hvis det ligger informasjon i tekstboksen du skal lime inn koden i, må du være veldig forsiktig når du legger inn koden, slik at du ikke bryter noen av taggene. Det kan skape store problemer og i verste fall kan det være at du må begynne helt forfra igjen.

 

Lynkurs i HTML

En åpningstagg ser slik ut: <>
En avslutningstagg ser slik ut: </>

<p> Begynnelsen på av avsnitt. I avsnittene står den vanlige teksten. </p>
<font> Gjør skrifttypeinnstillinger på teksten. </font>
<h1> Formaterer teksten til en Overskrift 1. </h1>
<h2> Formaterer teksten til en Overskrift 2. </h2>
<a> Lenke, f.eks. til en annen hjemmeside. </a>
<table> Dette er en tabell. </table>
<tbody> Dette er en del av tabellen. </tbody>
<tr> Dette er en del av tabellen. </tr>
<td> Også en del av tabellen. </td>

<script> Brukes f.eks. når du legger inn et javascript. </script>

&nbsp; - Dette kalles hardt mellomrom (non-breaking space) og det dukker opp hvis du trykker på mellomrom to ganger eller mer.

<br /> - Dette kan stå etter en linje og betyr at du har lagt inn en mykt linjeskift. Det betyr at du har trykket Skift+Enter for å lage et linjeskift, uten at avsnittet er avsluttet.

 

De norske spesialtegnene æ, ø og å er veldig spesielle i HTML-koder.
Slik ser de egentlig ut:

Æ - &AElig;   Ø - &Oslash;   Å - &Aring;
æ - &aelig;   ø - &oslash;   å - &aring;

 

Noe som er veldig nytt når du skal lime inn egen kode, er å skrive inn en beskrivelse av koden. Da ser du lett hva koden skal gjøre, og du finner enkelt fram til koden.

Til hjelp har du <!-- og -->
Det er et kommentarfelt i HTML som ikke skal gjøre annet enn å informere om koden. Slik gjør du:

<!-- Her begynner min HTML-kode "som gjør dette" -->
Mellom tegnene ligger HTML-koden.
<!-- Her slutter min HTML-kode "som gjør dette" -->

Det kan være lurt å legge tekstfilen HTML.txt på skrivebordet. Da har du raskt tilgang til den når du skal jobbe med egne koder og du får riktig formatering på hoved- og underoverskriften.

 

Hvor skal jeg lime inn koden?

Hvilken funksjon skal HTML-koden ha? Er det noe som skal vises på hjemmesiden, eller skal det være noe som ligger i bakgrunnen, men ikke synes? Hvis det er det siste, er det enkelt å lime inn koden. Lim inn koden helt øverst slik at du ikke bryter noen av kodene som ligger der fra før.

Hvis koden skal synes, f.eks. en klokke, må du se etter avsnittene i sidens kode.

 

La oss ta et enkelt eksempel: I tekstboksen vi skal lime inn koden i, står følgende tekst:

 

Her står teksten som skal stå over klokken.

Her står teksten som skal stå under klokken.

 

Da ser det slik ut i HTML-koden:

<p>Her st&aring;r teksten som skal st&aring; over klokken.</p>
<p>Her st&aring;r teksten som skal st&aring; under klokken.</p>

 

Det vi må tenke på er følgende:

</p> - Her slutter forrige tekstdel

Vi kan lime inn koden mellom disse p-ene.

<p>  - Her begynner neste tekstdel

 

Eksempelkoden vi bruker her er en klokke fra www.worldtimeserver.com
Det ligger kommentarfelt over og under koden slik at det er enkelt å se hva koden skal gjøre:

<!-- Her begynner HTML-koden til min klokke -->
<table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><script type="text/javascript" src="http://www.worldtimeserver.com/clocks/embed.js"></script><script type="text/javascript" language="JavaScript">objSE=new Object; objSE.wtsclock="wtsclock001.swf"; objSE.color="ffa00b"; objSE.wtsid="SE"; objSE.width=200; objSE.height=200; objSE.wmode="transparent"; showClock(objSE); </script></td></tr><tr><td align="center"><h2>Din Studio</h2></td></tr></table>
<!--
Her slutter HTML-koden til min klokke -->

 

Nå skal vi lime inn koden mellom det som skal stå over og det som skal stå under.

 

Her står teksten som skal stå over klokken.

Din Studio

Her står teksten som skal stå under klokken.

 

Det var jo ikke så vanskelig. Eller?

 

Hvis du vil lære deg mer om HTML, kan du se her: www.w3schools.com