| Hovedsiden |
| Hageforum |
| Hagechat |
| Hagedagbøker |
| Løst & fast |
| Artikler |
| Temaalbum |
| Planter |
| Nyttige lenker |
| F A Q |
| Aktiviteter |
| Forumtreff |
| Søk på hagegal |
html for hagegale?
Inger Karin
Aller først, lenke til en enkel innføring i html: Getting started with HTML og
en litt viderekommende variant: More advanced features.
Når vi lager et html-dokument er det visse "tagger" som brukes, disse bestemmer
bl.a. om vi skal ha fet skrift - om vi skal sette inn en lenke - om vi skal
sette inn et bilde. Disse taggene likner svært på BBCode som vi bruker i
innleggene her på forumet, men det er en vesentlig forskjell. det brukes < og >
i stedet for [ og ]
Et html-dokument må fra starten inneholde en "tag" som forteller at det er html.
Jeg skal ikke bruke så mye tid på å forklare dette, men slik startes dokumentet:
Kode:
<html>
Ellers pleier det å være noen "tagger" rett etter dokumentstart, som inneholder
dokumentets "hode", der f.eks. tittel på siden skal ligge.
Kode:
<head>
<title>Min første hjemmeside</title>
</head>
All teksten som skal skrives i dokumentet, skal ligge i dokumentets "kropp" -
body. Den starter derfor slik:
Kode:
<body>
Og - når hele dokumentet er ferdigskrevet må "åpne" tagger avsluttes:
Kode:
</body>
</html>
I dokumentene som skal lages til hagegal.info vil alle disse taggene ved start
og slutt av dokumentet ligge i andre filer, hvis dere derfor ikke skal lage en
side som fungerer helt selvstendig, så kan dere hoppe over alt jeg har skrevet i
dette innlegget
I et html-dokument kommer skriften fortløpende dersom man ikke ber om annet. Setningene kommer etter hverandre uten linjeskift, dersom man ikke spesiellt ber om det. Selvom du har linjeskift i dokumentet du skriver, så spiller det ingen rolle i html. Du kan derimot fremtvinge linjeskift der du ønsker det, og det er jo helst der du ønsker et avsnitt.
Da skriver du: Kode:
<br>
Fet skrift lager du slik: Kode:
<b>Fet skrift</b>
Det blir slik:
Fet skrift
Tilsvarende med skråskrift: Kode:
<i>Skråskrift</i>
Skråskrift
og understreket skrift: Kode:
<u>Understreket</u>
Understreket
Lenke lager du slik i html:
Kode:
Hvis dere ønsker å åpne lenken i nytt vindu brukes target="new" eller target="_blank":
Kode:
<a href="http://www.hagegal.no/hagefora" target="new">De hagEgale</a>
Denne siste blir da slik:
De hagEgale
For å sammenlikne koden i html med den forumet bruker (BBCode), kan dere jo kikke her:
Kode:
html:
<a href="http://www.hagegal.no/hagefora/viewtopic.php?t=16682" target="new">Om hagegal.info</a>
BBCode:
[url=http://www.hagegal.no/hagefora/viewtopic.php?t=16682]Om hagegal.info[/url]
(BBCode åpner alltid lenkene i nytt vindu...)
Bilde i html
Bilde settes inn slik i html:
Kode:
<img src="http://www.cactuz.org/inger/gallery2/d/47-5/dyr.jpg">
Det blir slik:
Overskrift
Det er også mulig å variere størrelser på bokstaver. På overskrifter kan det være greit å bruke:
Kode:
<h1>En viktig overskrift</h1>
eller: Kode:
<h2>En litt mindre viktig overskrift</h2>
Fontstørrelser kan også settes akkurat som i BBCode, men ellers velges vanligvis en forhåndsbestemt font for å få mest mulig like sider. Slik settes spesiell skriftstørrelse med font-taggen:
Kode:
<font size="5">Ganske stor skrift (overskrift)</font>
<font size="2">Mer vanlig størrelse på skrift</font>
Jeg har laget et enkelt eksempel på "hjemmeside" for de som måtte være interessert. Her kommer koden som må skrives:
Kode:
|
<html> <head> <title>Min første hjemmeside</title> </head> <body> <h4>En overskrift</h4> Her kommer litt tekst, og deretter et linjeskift. <br> Hvis jeg deler setningen over to linjer blir det ikke linjeskift dersom jeg ikke ber om det. <br> <b>Fet skrift</b> <br> <i>skråskrift</i> <br> Her kommer det en lenke: <a href="http://www.hagegal.no">Lenke til hagEgal</a> <br> Eller en lenke som åpnes i eget vindu: <a href="http://www.cactuz.org/cereus" target="new">Cereus</a>. <br> Her kommer et bilde (og det er ikke av meg...): <br><br> <img src="http://www.cactuz.org/cereus/bilder/cereus-2003-10-02-200.jpg"> <br><br> Skrift med farge: <font color="red">Kanskje ikke så avansert dette her, men det kan være en start for noen :-)</font> <!-- Dette er bare en kommentar inne i dokumentet, vises ikke på websiden --> <!-- Her avslutter vi dokumentet med å lukke alle "tagger" --> </body> </html> |
Dette er et veldig enkelt eksempel. Du kan skrive koden i en editor, "notepad" kan vel sikkert brukes for så enkle saker, men jeg vil anbefale en gratis editor med farger, f.eks. Crimson.
Lagre filen som hjemmeside.html - så kan den åpnes i nettleseren din. Da skal den se slik ut