3. HTML perusteiden esimerkit

HTML Dokumentti

2015-10-20T18:13:51+03:00

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ä.

Esimerkki

<!DOCTYPE html>
<html>
<body>

<h1>Minun ensimmäinen otsikko</h1>

<p>Minun ensimmäinen kappale.</p>

</body>
</html>

HTML Otsikot

2015-10-20T18:16:24+03:00

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>

HTML kappaleet

2015-10-20T18:16:35+03:00

HTML kappaleet esitetään <p> tagilla:

Esimerkki:

<p>Tämä on kappale.</p>
<p>Tämä on toinen kappale.</p>

HTML Linkit

2015-10-20T18:16:48+03:00

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.

HTML Kuvat

2015-10-20T18:16:03+03:00

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">