html guide
Denna guide är till för er som vill skaffa grundläggande kunskap om hur man bygger en HTML-sida. Idag finns många avancerade tekniker för hur man bygger en hemsida, denna guide är begränsad till de mest grundläggande elementen.
I kolumnen till höger kan du stega runt bland innehållet i guiden. Vi hoppas att du finner denna läsning nyttig.
Listor
Listor är ett smidigt HTML-objekt för att strukturera upp information. Det finns också flera typer av listor där de vanligaste är:
- Definitionslista
- Punktlista
- Numrerad lista
Definitionslista
Med en definitionslista kan man skapa en struktur där man har en rubrik och under så skriver man text med indragen vänstermarginal. Denna struktur lämpar sig bra för varje form av rubrik där man har en förklarande text till. Ett exempel på definitionslista:
<DL>
<DT>Sökmotoroptimering</DT>
<DD>
Sökmotoroptimering är ett begrepp som innefattar olika tekniker för att göra en hemsida mer attraktiv för sökmotorerna. Målet är att nå topplaceringar på sökmotorerna.
</DD>
</DL>
Taggarna för en definitionslista är öppningstaggarna <DL>, <DT>, <DD> samt avslutningstaggarna </DL>, </DT>, </DD>. Här anger <DL> att man vill skapa en definitionslista. Innanför <DT></DT> anger man rubriken för kommande textstycke. Innanför <DD></DD> skriver man textstycket.
Punktlista
En punklista är vad namnet indikerar. En lista med punkter, cirklar eller fyrkanter framför sig. Ett exempel på punktlista:
<UL TYPE=disc>
<LI> Sökmotoroptimering</LI>
<LI> Sökmotorpositionering</LI>
<LI> Webbdesign</LI>
</UL>
Taggarna för en punktlista är öppningstaggarna <UL>, <LI> samt avslutningstaggarna </LI>, </UL>. Här anger <UL> att man vill skapa en punktlista och innanför <LI></LI> skriver man den text som ska ligga efter punkten. Till <UL> kan man ange olika attribut. Man skriver då <UL type=disc, circle eller square> beroende på om man vill använda punkter, cirklar eller fyrkanter i sin lista.
Numrerad lista
Är som det låter en lista med siffror, 1, 2, 3 osv. Den kan även byggas upp med bokstäver, A, B. C osv.Ett exempel på en numrerad lista:
<OL>
<LI> Internetmarknadsföring</LI>
<LI> Rekommendationer</LI>
<LI> Traditionell annonsering</LI>
</OL>
Taggarna för en numrerad lista är <OL> och <LI>. Här anger <OL> att man vill skapa en numrerad lista och i <LI> skriver man texten som ska ligga efter siffran. Vill man använda bokstäver anger man attributet <OL type=A>.
Givetvis kan kombinationer av ovan beskrivna listor skapas.
