Pikakertaus
<html> |
Asiakirja alkaa | |
<head> |
Tietoja selainohjelmalle | |
<title>Sivun otsikko</title> |
Sivun otsikko näkyy selaimen otsikkorivillä | |
<link rel="stylesheet" type="text/css" href="tyyliarkin osoite"> |
Tyyliarkin osoite määrittää sen nimen ja paikan hakemistopuussa. Tyyliarkilla määrätään sivun ulkoasu. | |
</head> |
||
<body> |
Asiakirjan sisältö: tekstit, otsikot, kuvat, taulukot, luettelot | |
<h1>Pääotsikko</h1> |
Otsikkotasot numeroidaan 1...6 | |
<h2>Alaotsikko</h2> |
||
<p>Tekstikappale</p> |
Kappalekomentoja ei voi jättää pois. Muista myös lopetuskomennot! | |
<a href="linkin osoite">Linkkiteksti</a> |
Linkin osoite kertoo täsmälleen, mihin tiedostoon linkki viittaa (esim. http://www.firma.com/hinnasto.php). Linkkiteksti näkyy sivun lukijalle sinisenä ja alleviivattuna. Myös kuva voi toimia linkkinä. |
|
<img src="kuvan osoite" width="leveys" height="korkeus" alt="teksti"> |
Kuvan osoite määrittää kuvatiedoston nimen ja paikan hakemistopuussa. Leveys ja korkeus ovat lukuja (kuvapisteiden lukumäärä näytöllä). Alt-teksti näkyy, jos kuva ei lataudu. | |
</body> |
||
</html> |
Asiakirja päättyy | |
Lue myös WWW-sivujen toteuttaminen esteettömästi.