HTML-sivun teko- ja julkaisuohjeet
HTML-merkkauskieltä tulee kirjoittaa tavallisella tekstieditorilla (esim. Notepad), vältä tekstinkäsittelyohjelmia (Word).
HTML-merkkauskieli koostuu kieleen määritellyistä tageista jotka kirjoitetaan hakasulkujen < ja > sisään.
Tagit ovat HTML-elementtejä jotka määräävät sivun rakenteen. Tageille voi myös määritellä attribuutteja jotka tulevat tagin sisään.
Attribuutit antavat elementille lisäominaisuuksia ja määrittelyitä. Tagilla on lähes aina lopputagi </tagi>.
Alku- ja lopputagi määrittelevät yhden elementin ja elementin sisältö tulee lisätä näiden tagien väliin.
Esim. <div> Tässä on elementin sisältö </div>
Dokumentti aloitetaan <!DOCTYPE html> tagilla johon voi lisäksi määritellä käytettävän HTML-kielen versio.
Pelkkä html doctypen sisällä tarkoittaa HTML5-standardia. Seuraava elementti <html> </html> sisältää kaikki muut elmentit ja seuraavat tagit lisätään tämän elementin sisään.
Ennen varsinaisen sisällön lisäämistä sivulle voi määrittää <head> </head> elementin jonka sisältää esim. sivun nimen <title></title> tagien sisällä.
Sivun sisällön aloittaa <body>-tagi jonka sisälle voi lisätä erilaisia näkyviä elementtejä.
Bodyn sisälle voi kirjoittaa tavallista tekstiä ja se näkyy selaimessa suoraan.
Teksti ja kaikki muut sisältö on kuitenkin hyvä laittaa eri elementtien sisälle, jotta sisällön ilmettä voi muokata helposti css-tyylimäärittelyiden avulla.
Tavallisimpia tageja ovat esimerkiksi:
<p> Tekstikappale </p>
<h1> Pääotsikko, muut otsikot h2, h3 jne. </h1>
<a href="esimerkki.html"> Hyperlinkki, osoite href-attribuutissa </a>
<div> Määrittää alueen, käytännöllinen sisällön jäsentämiseen </div>
<img src="kuva.png"> Kuva, kuvan linkki src-attribuutissa </img>
Lopuksi on tärkeää muistaa lisätä kaikki lopputagit </body> ja </html>, jonka jälkeen sivun pitäisi toimia selaimessa.
Sivujen julkaiseminen
Sivujen julkaisemiseen tarvitaan web-palvelin, joita voi ostaa tai vuokrata eri yrityksiltä. Palvelimelle kirjaudutaan
FTP-ohjelmalla (esim. winscp), käyttäen palveluntarjoajan antamia tunnuksia. Kun yhteys on muodostettu HTML-tiedosto siirretään palvelimelle
yleensä public_html -nimisen kansion sisään, jolloin se näkyy palvelimelle määrätyssä osoitteessa.
Linkki viikkotehtäväsivuun: http://users.metropolia.fi/~nikkep/viikkotehtava/