Du kanske vill ha en rubrik på
din sida. Då skriver du in taggen:<hx>
Där x är storleken 1-9 och 1
är den största storleken.
Exempel:
Rubrik
Rubrik
Rubrik
Rubrik
Rubrik
Rubrik
Rubrik
Ok, nu kanske du vill skriva
någonting på sidan också. Byt då rad och skriv in
t.ex: Hej och välkommen till min
hemsida!
Texten kommer att visas med ett
typsnitt som liknar Times New Roman.
Stilen på texten kan ändras med
följande taggar:
<b> Med denna
taggen blir det fet stil.
<i> Med den här
blir det kursiv stil.
<u>
Och
med denna blir texten understruken.
Om du vill ha både fet och
kursiv stil så skriver du bara taggarna efter varandra:
<b><i>Fet
kursiv stil</b></i>
Detta kommer att visas så här:
Fet
kursiv stil
Och vill du bara att ett av orden
ska strykas under så skriver du så här:
Här är
<u>ordet</u> understruket.
Och resultatet blir i browsern:
Här är ordet
understruket.
Storleken på bokstäverna
ändras med taggen:
<font>
plus attributet
size. Från början är storleken
3, men den kan som sagt ändras till storlekarna 1-9. Och
här är det (tvärtemot rubrik-taggen) 1 som är den
minsta storleken. Den egentliga skillnaden är att när
man använder rubrik-taggen så hoppar browsern över en
rad innan den börjar med resten av texten.
Man skriver alltså så här:
<font size=x>
där x är en storlek 1-9. När
man vill återgå till normal storlek igen så skriver
man helt enkelt:
</font>
Här följer nu några andra
taggar som är bra att kunna när man arbetar med text.
<br>*
För att byta rad.
<p>
Ger ett större
mellanrum. Bra för användning mellan text-stycken.
<center>
Centrerar
text eller bild.
<pre>
Vanligtvis så visar browsern bara ett mellanslag även
om du har gjort tio men om du använder dig av <pre>
så kommer alla mellanslag, tabbar och radbyten att
visas.
<blink>
Gör att
texten blinkar. Det är för övrigt den mest avskydda
taggen på internet.
Ett exempel på vad vi
hittills har lärt oss:
<html>
<head>
<title>Rubrik</title>
</head>
<body>
<center><h1>Rubrik</h1></center>
<font size=5>Välkommen till
min hemsida.</font>
<font size=2> Just nu är den
<i>grå och trist</i>,
men det ska vi
snart ändra på.</font><br>
<font size=6>Denna sidan är <u>inte</u>
färdig än.</font>
<p>
<font size=3>Nu har jag gjort
ett nytt stycke med normal text.</font>
</p>
<p><center>
<font size=3>Den här
meningen är centrerad
och har ett <b><blink>ord</blink></b>
som blinkar i fet stil.</font>
</p></center>
</body>
</html>
Hur en sida med ovanstående kod
ser ut kan du se på sida1.htm.
Brytningsstreck. Ett brytningsstreck eller en
"horisontal rule" på engelska, får man om man
skriver taggen:
<hr>*
Ett brytningsstreck
ser ut så här:
Om du
vill ha ett kortare streck anger du det inom <hr>-taggen:
<hr
width="50%">
Bredden
anges i procent eller bildpunkter (pixels). Ovanstående
kod blir alltså:
För
att få ett likadant fast lodrätt streck så måste man
dra ned bredden till 2 bildpunkter och höjden kan man
ändra till det som passar för sidan. T.ex:
<hr
width="2" height="40">
Blir:
Listor. Om man vill så kan man
göra en typ av punktlista som kan se ut på följande
sätt:
- Punkt nr 1
- Punkt nr 2
- Punkt nr 3
För att göra det börjar
man med taggen:
<ul>
Och för varje ny punkt så
skriver man taggen:
<li>*
Och avslutar sen såklart
med:
</ul>
Koden för listan som jag
gjorde ovanför ser ut så här:
<ul>
<li>Punkt nr 1
<li>Punkt nr 2
<li>Punkt nr 3
</ul>
Punkterna framför texten kan
ändras genom att man ger <ul>-taggen
ett attribut. Om man skriver:
<ul
type=circle>
Så får man punkter som ser
ut så här:
Och skriver man:
<ul
type=square>
Så får man punkter som ser
ut så här:
Det finns en del andra slags
listor också, men jag anser inte att dom är speciellt
intressanta. Jag själv har aldrig använt någon av dem
förutom den som jag beskrivit ovan. Om du vill lära dig
mer om andra listor så gå till: http://www.atiger.pp.se/dok/listtext.html
Det om text och listor. Nu
tänkte jag ta upp hur man gör länkar och hur man
lägger in bilder.
|