3. HTML perusteiden esimerkit
HTML Dokumentti
Kaikki HTML dokumentit pitää aloittaa ilmoituksella: <!DOCTYPE html>.
Itse HTML dokumentti alkaa kohdasta <html> ja loppuu kohtaan </html>.
Näkyvät osiot HTML documenteissa ovat <body> sekä </body>. tagien välissä.
Itse HTML dokumentti alkaa kohdasta <html> ja loppuu kohtaan </html>.
Näkyvät osiot HTML documenteissa ovat <body> sekä </body>. tagien välissä.
Esimerkki
<!DOCTYPE html>
<html>
<body>
<h1>Minun ensimmäinen otsikko</h1>
<p>Minun ensimmäinen kappale.</p>
</body>
</html>
HTML Otsikot
HTML otsikot esitetään tageilla <h1> -> <h6> tageilla:
Esimerkki:
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Esimerkki:
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
HTML kappaleet
HTML kappaleet esitetään <p> tagilla:
Esimerkki:
<p>Tämä on kappale.</p>
<p>Tämä on toinen kappale.</p>
Esimerkki:
<p>Tämä on kappale.</p>
<p>Tämä on toinen kappale.</p>
HTML Linkit
HTML linkit esitetään <a> tagilla:
Esimerkki:
<a href=" http://www.konnevesi.fi ">Tämä on linkki</a>
Linkin kohde esitetään href attribuuttina
Attribuutit esittävät html elementistä tarkempaa tietoa.
Esimerkki:
<a href=" http://www.konnevesi.fi ">Tämä on linkki</a>
Linkin kohde esitetään href attribuuttina
Attribuutit esittävät html elementistä tarkempaa tietoa.
HTML Kuvat
HTML kuvat esitetään <img> tagilla.
alkuperäinen tiedosto (src), Vaihtoehtoinen teksti (alt), sekä koko
(width and height) esitetään atribuutteina: (Määrite)
Esimerkki:
<img src="konde.jpg" alt="konnevesi.fi" width="104" height="142">
alkuperäinen tiedosto (src), Vaihtoehtoinen teksti (alt), sekä koko
(width and height) esitetään atribuutteina: (Määrite)
Esimerkki:
<img src="konde.jpg" alt="konnevesi.fi" width="104" height="142">