HUOM! Voit itse lisätä ja muuttaa sisältöä muokkaa-painikkeiden avulla

 Olet itse vastuussa tämän teoksen käytöstä aiheutuvista vahingoista Lue lisää.

HTML

Kohteesta Wikikko - kansan taitopankki
Loikkaa: valikkoon, hakuun

Yleistä[muokkaa]

HTML, eli Hypertext Markup Language (suom. Hypertekstin Merkintäkieli) on merkintäkieli jolla luodaan yleisesti verkkosivuja. Esimerkki kotisivusta Wikikossa.

Kommentointi[muokkaa]

<!-- Kommentti tähän -->

Sivun runko[muokkaa]

<!DOCTYPE html>
<html lang="fi-FI">
<head>
<meta charset="utf-8">
<title>{$title}</title>
</head>
<body>

Tagit[muokkaa]

Tagit kirjoitetaan aina <- ja >-merkkien väliin. Aloitetaan <tagi> ja lopetetaan </tagi> Ohessa muutamia HTML-tageja...

Tagi Selitys
BODY Aloittaa sivuston näkyvän osion.
B Lihavoi tekstin
I Kursivoi tekstin
U Alleviivaa tekstin
FONT Asettaa fontin, esimerkkinä FONT COLOR="Väri" FACE="FontinNimi".
H H(numero 1-6), tekee "otsikkotekstin"
A A href="URL" Tekee linkin. Teksti tagien väliin.
SMALL Tekee pienenpientä tekstiä
STRONG Nimensä mukaan tekee VAHVAA tekstiä.
IMG IMG src="kuvanimi.muoto". Ei vaadi lopetustagia ( </jotain> )
TEXTAREA Tekee tekstilaatikon. Koko määritellään cols="kirjaimet vaaka" rows="rivit" -lisäkkeillä.

Esimerkit[muokkaa]

Ohessa "Eetu Esimerkin" kotisivumalli. Voit nähdä sen toimivana osoitteessa http://kaffila.comoj.com/wikikkoon/eetuesimerkki.html tai voit liittää sen muistioon ja tallentaa nimellä index.html ja avata sen selaimellasi.



 <html>
    <head>
       <title> Sivuston otsikko </title>
    </head>
 
    <body>
        <table border="1" width="500" align="center">
            <tr>
                 <td>
                     <h2> Eetu Esimerkin kotisivu </h2>
                     Hei, olen Eetu Esimerkki ja tämä on minun
                     kotisivuni. <br> <br>
                     <b> Yhteystiedot: </b>
                     E-Mail: <a href="mailto:eetu.esimerkki@koomail.fi">eetu.esimerkki[at]koomail.fi</a> <br>
                     Puh: 06-12312312 <br>
                     <br> Viihdy sivustollani! <br>
                 </td>
            </tr>
        </table>
    </body>
 </html>