HTML esittely

Esimerkki

<html>
<body>
<h1>Ensimmäinen otsikkoni</h1>
<p>Ensimmäinen kappaleeni.</p>
</body>
</html>

Kokeile itse

Mitä HTML on?

HTML on kieli, jota käytetään verkkosivujen kuvaamiseen.

  • HTML tarkoittaa hyper text markup language (Hyper Text Markup Language)
  • HTML ei ole ohjelmointikieli, vaanmerkintäkieli (merkintäkieli)
  • merkintäkieli onmerkintämerkit (merkintämerkki)
  • HTML käyttäämerkintämerkitkuvailemaan verkkosivua

HTML-merkit

HTML-merkintämerkit kutsutaan yleensä HTML-merkinnöiksi (HTML tag).

  • HTML-merkit koostuvatkohokäyrätsulkeiden merkkien ympäröimiä avainsanoja, kuten <html>
  • HTML-merkit ovat yleensäesiintyvät parinaesimerkiksi <b> ja </b>
  • merkkiparissa ensimmäinen merkki onalkumerkiksitoinen merkki onloppumerkeiksi
  • alku- ja loppumerkit kutsutaan myösaukomerkitjasulkumerkit

HTML-dokumentti = verkkosivu

  • HTML-dokumenttikuvailee verkkosivua
  • HTML-dokumenttisisältäen HTML-merkinnätja puhtana tekstinä
  • HTML-dokumentti tunnetaan myösVerkkosivu

Verkkoselaimen tehtävänä on lukea HTML-dokumentti ja näyttää sen verkkosivuna. Selain ei näytä HTML-merkintöjä, vaan käyttää niitä selittääkseen sivun sisällön:

<html>
<body>
<h1>Ensimmäinen otsikkoni</h1>
<p>Ensimmäinen kappaleeni.</p>
</body>
</html>

Esimerkki selityksistä

  • Teksti, joka on <html> ja </html> -elementtien välillä, kuvaa verkkosivua
  • Teksti, joka on <body> ja </body> -elementtien välillä, on näkyvää sivusisältöä
  • Teksti, joka on <h1> ja </h1> -elementtien välillä, näytetään otsikkona
  • Teksti, joka on <p> ja </p> -elementtien välillä, näytetään kappaleena