Mitä on HTML-kieli?
HTML-elementit
Elementeillä on aina aloitus ja lopetus, joiden välissä on varsinainen elementin sisältö. Esim.
<title>Kotisivuntekokurssi </title>
Esimerkki todella yksinkertaisesta kotisivusta:
<html>
<head>
<title>Sivustoa kuvaava otsikko</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Dokumentin pääotsikko</h1>
<p>Tähän tekstiä...</p>
</body>
</html>
HTML-koodi kirjoitetaan siis index.html- tiedostoon ohjelmalla nimeltä Atom. Nettisivun voi nähdä Internet-selaimessa klikkaamalla kansiossa olevaa index.html tiedostoa ja aukaisemalla sen selaimella.
Elementeillä on aina aloitus ja lopetus, joiden välissä on varsinainen elementin sisältö. Esim.
<title>Kotisivuntekokurssi </title>
- <title> on aloituselementti.
- </title> on lopetuselementti. Lopetuselementissä on aina /-merkki.
Esimerkki todella yksinkertaisesta kotisivusta:
<html>
<head>
<title>Sivustoa kuvaava otsikko</title>
<meta charset="UTF-8">
</head>
<body>
<h1>Dokumentin pääotsikko</h1>
<p>Tähän tekstiä...</p>
</body>
</html>
- html-elementti on dokumentin juurielementti. Kaikki varsinaiset elementit tulevat tämän elementin sisälle.
- head-elementti sisältää kaiken tiedon dokumenttiin liittyvästä tiedosta.
- title-elementti sisältää jonkin hyvin dokumenttia kuvaavan otsikon. Otsikon pitää olla järkevä, vaikka se otettaisiin erilleen koko dokumentista. Otsikko näkyy myös selaimen otsikkorivillä, kun sivu on avattuna selaimessa.
- meta charset UTF-8 kannattaa lisätä head-elementin sisään, jotta sivulle saadaan käyttöön erilaiset merkit ja esimerkiksi kirjaimet A ja Ö.
- body-elementti sisältää kaiken varsinaisen WWW-sivulla näkyvän ja dokumentin runkoon kuuluvan informaation.
- h1-elementti on korkeimman otsikkotason elementti. Jokaisella sivulla pitäisi aina olla vain ja ainoastaan yksi h1-elementti, joka kertoo koko dokumentin pääotsikon. Tämä on siis poikkeus tekstinkäsittelyyn, jossa ensimmäisen tason otsikkoja voi olla useita.
- p-elementti merkitsee tekstikappaleen.
HTML-koodi kirjoitetaan siis index.html- tiedostoon ohjelmalla nimeltä Atom. Nettisivun voi nähdä Internet-selaimessa klikkaamalla kansiossa olevaa index.html tiedostoa ja aukaisemalla sen selaimella.