Hej. Jag har av någon anledning ofta
funderat på att göra en HTML skola. Välj det du vill
lära dig mer om. Just nu har jag bara lagt till några småsaker
som textformatering och tabeller med mera.
En sak bör du känna till. Det finns hjälpprogram som liknar
vanliga ordbehandlingsprogram som genererar HTML-kod på bråkdelen
av tiden det tar att skriva den. Ett exempel på sådana är
Netscape Composer som du får med i de senaste versionerna av Netscape
Communicator. Själv använder jag version 4,5. Det går dock
med vilken 4 version som helst. Du får självklart kopiera den
HTML-kod som finns i exemplen.
Förklaring
Den text som är röd är inte obligatorisk.
Den kan du ändra på om du vill. Den text som är svart får
du inte ändra i. Den feta texten är exempel. Besök gärna
några av de länkar som jag har här nedan. Där hittar
du säkert de senaste versionerna av webläsarna.
Textformatering
Tillbaka till början
Det finns ett par vanliga taggar som
man måste känna till. Du kan inte påverka radbrytningar,
ny stycken, storlek på texten eller rubriker:
Den här texten ser bra ut. Den är
dock i webläsarens ögon helt lik denna:
Den
här
texten
ser ut.
Därför skall jag börja med
några enkla taggar.
<BR>
Detta är en tagg som du förmodligen kommer att använda
mycket. <BR> står för Brake Row, alltså byt rad. Detta
är
bra när du skall börja nya stycken eller liknande.
<P>
<P> taggen använder du när du vill markera att ett nytt
stycke börjar. All text hamnar direkt en rad under. Mycket användbar
eftersom den kan göra stor nytta i långa texter. Om du stycke
indelar texten så blir det dessutom mycket enklare att läsa.
Rubriker
Jag känner till sex rubriker som jag använder i HTML. Du
gör dom genom att skriva så här: H1 till exempel. Då
får du den största rubriken som finns. Om du vill ha mindre
så skriver du H2 och så vidare. Det går ända ner
till H6. Här nedanför ser du exempel på alla rubriker.
Kom bara ihåg att skriva </H1> t.ex när du vill at rubriken
skall vara slut.
Rubriktyp nummer ett, den största, H1
Precis, här kommer tvåan, H2
Och detta är trean, H3
Rubrik nummer fyra, H4
Denna eller trean använder jag ofta som underrubriker
Detta är femman, den är mindre än vanlig brödtext,
H5
Nu kommer sexan, den är väldigt liten, H6
Rubriker är som du ser mycket användbara. En sak att tänka
på är att de bör vara korta men innehållsrika!
Kursiv och fet text
Kusiv text är användbart till mycket. Om du villa att läsaren
skall betona ordet eller orden så är det oerhört
viktigt att du använder kursiv text. Vill du inte göra detta
så akn du alltid använda fet text istället. Du får
kursiv
text
genom att skriva <I>texten</I>. Var noga med att markera när
den kursiva texten skall ta slut. Om du vill ha fet text så skriver
du istället <B>din text</B>. Bra att kunna.
Om du vill...
Citera någon så kan du alltid skriva <CITE>din text</CITE>.
Ett exempel:
Jag citerar ingen just. Den härtexten står dock inom
<CITE> taggarna eller eller hur. Det blir jättesnyggt.
Om du har ett längre citat så skall du inte skriva <CITE>
utan använd då istället <BLOCKQUOTE>. Då blir
texten så här:
Det är jättecoolt att använda denna taggen
för att citera folk.
Detta var allt om textformatering! Nu kan du nästan skriva en
hel bok i HTML om du känner för det!
Hyperlänkar
Ingen hemsida får några besökare utan länkar.
Jag har inte några besökare men jag har länkar! Faktum
är att det är oerhört enkelt att göra länkar om
man väl kan det. Du kommer också att lära dig fort!!
Det finns tre olika länkar som jag känner till:
Den första är den typen av länk som gör att
man kan förflytta sig med ett enda klick på musen till någon
helt annastans Internet. Om du trycker här
så kommer du med en gång till sökmotorn Yahoo!. Koden
för detta kommer här. Kopiera av precis allting så kommer
det fungera.
<A HREF:"http://www.yahoo.com/">Yahoo!</A>
Resultatet blir så här:
Yahoo!
Den andra typen av länk är den som gör det möjligt
att direkt från sidan maila
webmastern. Koden för detta ser ut så här:
<A HREF:mailto:"lars.lundin@mbox309.swipnet.se">Maila</A>
Var snäll att och byt ut min adress som står efter mailto: annars
så blir det lite konstigt....
Den tredje typen av länk gör det möjligt att länka
till en del av ett dokument. Alla de länkar som stod i början
av sidan fungerar så. Först så måste du markera
att en text är en så kallad target. Det gör du genom
att skriva A NAME=#namn på delen. Sedan så skriver du helt
enkelt <A HREF="#namn på delen">Till
del 9</A>
Formulär