4. HTML Elementit

Tämä esimerkki sisältää 4 HTML elementtiä:

2015-10-20T18:44:59+03:00

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

HTML Elementit

2015-10-20T18:44:38+03:00

HTML elementit kirjoitetaan aloitus ja lopeutstagilla, joittenka väliin on materiaali syötetty:
<taginnimi>täyteteksti</taginnimi>

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

Aloitus tagi	Elementin sisältö	Lopetustagi
<h1>	Ensimmäinen otsikko.	</h1>
<p>	Ensimmäinen kappale.	</p>
<br>

	Jotkut HTML elementit eivät sisällä lopetus tagia.

Sisäkkäiset HTML Elementit

HTML elementit voidaan sisäistää (Elementit voivat sisältää elementtejä).

Kaikki HTML dokumentit koostuvat Sisäkkäisistä HTML elementeistä.

HTML Esimerkki selitettynä

2015-10-20T18:47:59+03:00

<html> Elementti sisältää koko dokumentin.

Siinä on aloitus tagi <html> sekä lopetus tagi </html>.

Elementin sisältö on toinen HTML elementti (<body> elementti).
<html>
<body>

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

</body>
</html>

<body> elementti määrittää koko kappaleen.

Siinä on aloitus tagi <body> sekä lopetus tagi </body>.

Elementin sisältö on kaksi muuta HTML elementtiä (<h1> sekä <p>).
<body>

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

</body>

<h1> elementti määrittää otsikon.

Siinä on aloitus tagi <h1>sekä lopetus tagi </h1>.

Elementin sisältö on: Minun ensimmäinen otsikko

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

<p> elementti määrittää kappaleen.

Siinä on aloitus tagi <p> sekä lopetus tagi </p>.

Elementin sisältö on: Minun ensimmäinen otsikko.

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