Bas-HTML

Titta gärna på källkoden till detta dokument.
(Visa / Källa eller View/Page Source).
Där framgår ex.vis hur man skriver bokstäverna å , ä och ö. (å , ä resp. ö )
Två vanliga taggar är <br> (radbrytning) och <p> (nytt stycke).

Fet stil kan fixas liksom kursiv och understruken.

Rubriker finns i flera storlekar.
Här är två stycken:

Rubrik

Mindre rubrik

<pre>-taggen kan användas att innesluta färdigformaterad text. 

 Layouten efterliknar textfilens

                              och texten presenteras i 
                              en Courier-liknande font.
Genom att endast lägga ett tomrum mellan <pre> och </pre> kan man skapa längre vertikala avbrott:

Bakgrundsfärgen definieras i body-taggen.
I stället för att ange någon färg i engelsk klartext kan man lära sig RGB-systemet.
Denna gula färg kan på så sätt definieras av 'bgcolor="#ffff00"' i body-taggen i. st. f. 'bgcolor=yellow'.

Man kan också

centrera text eller bilder


Bilder

Här är en centrerad bild:

Bilder definieras i en img-tagg där bildfilens namn anges:
<img src="citron.gif" width=180 height=133>
(Bildfilen antas vara placerad i samma folder som html-dokumentet).
Bredden och höjden anges i antal pixlar.
Dessa värden kan man få om man öppnar bildfilen i ett grafikprogram och söker efter information om bildfilen.
De är dock inte obligatoriska i img-taggen.
De filformat som används i webbläsare är framförallt gif och jpg.

Länkar

En länk fixas lätt.
Klicka på länken!

Man kan också använda bilder som klickbara länkar.
Ex:

som för dig längst ned på länk-sidan.

Listor

Det finns några olika sorters listor. Källan visar hur följande åstadkoms:
  1. Vissa listor är numrerade.
  2. Andra listor är onumrerade. (Man kan lägga listor inuti listor):
  3. Slut på numrerade listan.
Så kallade definitionslistor (utan pluppar)
kan användas till
att dra in texten i flera steg.

Tabeller

Tabeller kan se ganska olika ut.
Bredden på den här styrs av koden ' width="70%" ' i table-taggen.
Man kan också ange en fix bredd, ex: ' width="500" ' (bredden= antal pixlar). 		Antalet celler i en rad kan variera.
Placeringen av texten... ... i cellerna kan också variera.
Med egenskapen align = left(default), center eller right styr man texten i horisontalled.
Med valign = top, middle (default) eller bottom styr man texten i vertikalled
Med egenskapen 'colspan' styr man hur många cellplatser en cell tar upp i horisontalled. Med 'rowspan uppnår man motsvarande effekt i vertikalled.
Tabellens ram bestäms av egenskapen 'border' i table-taggen.
'border=0' tar bort ramen helt. 		Där kan man också lägga in värden på 'cellpadding' ,som... ... styr avståndet mellan texten och ramen.
Glöm inte sluttaggen </table> ! Gör man det får man ett svårdiagnostiserat fel... ...om man inte är van
I senaste webbläsarna kan man lägga in
bakgrundsfärg i enskilda celler		 Här måste man ändra färgen på texten med en <font>-tagg... Detta har iofs inget med tabeller att göra.
Tyvärr måste man lägga in en font-tagg i varje cell om man vill införa en avvikande färg eller font.
Detta kan lösas enklare med s.k. formatmallar (style sheets, CSS) som dock får sägas tillhöra överkursen i HTML

Tillbaks till några tips...