Oppiskele HTML-Dokumentin Perusrakenne | Verkon ja HTML:n Ymmärtäminen

Tyypillinen HTML-dokumentti näyttää tältä:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Huomio

Ei huolta, tulet perehtymään jokaiseen osa-alueeseen tarkemmin tulevissa luvuissa. Tutustu tässä vaiheessa HTML:n ulkoasuun ja rakenna siitä yleiskuva.

Rakenteen lyhyt yhteenveto

<!DOCTYPE html>: ilmoittaa selaimelle, mitä HTML-versiota dokumentti käyttää. Tässä tapauksessa kyseessä on HTML5, uusin HTML-versio;
<html>: on HTML-dokumentin juurielementti. Kaikki muut elementit sisältyvät tämän elementin sisään;
<head>: sisältää dokumentin metatiedot, kuten merkistökoodauksen (<meta charset="UTF-8">), joka varmistaa erikoismerkkien oikean esityksen, sekä dokumentin otsikon (<title>), joka näkyy selaimen otsikkopalkissa tai välilehdessä;
<title>: määrittää dokumentin otsikon, joka näkyy selaimen otsikkopalkissa tai välilehdessä;
<body>: sisältää verkkosivun varsinaisen sisällön. Tämän elementin sisälle sijoitetaan teksti, kuvat, linkit, lomakkeet ja muut elementit <body>-elementin sisälle. Tämä on se osa, jonka käyttäjät näkevät ja jonka kanssa he ovat vuorovaikutuksessa vieraillessaan sivullasi.

Koodieditorin linkki - Visual Studio Code

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 1. Luku 5

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Pyyhkäise näyttääksesi valikon