| INNEHÅLL | FÖRORD | HTML | FÖRSTA SIDAN | TEXT, LISTOR & BR | LÄNKAR & BILDER |
|
BAKGRUNDER & FÄRGER | LJUD | PUBLICERA | BRA & DÅLIGT | LÄNKSAMLING | AVSLUTNING |


Text, Listor & Brytningsstreck


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.

Fortsätt till Länkar & Bilder...


| INNEHÅLL | FÖRORD | HTML | FÖRSTA SIDAN | TEXT, LISTOR & BR | LÄNKAR & BILDER |
|
BAKGRUNDER & FÄRGER | LJUD | PUBLICERA | BRA & DÅLIGT | LÄNKSAMLING | AVSLUTNING |