HTML-Dokumentin Perusrakenne
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>
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
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you explain what each part of the HTML structure does?
What are the benefits of using Visual Studio Code for web development?
How do I use the Live Server extension to preview my website?
Mahtavaa!
Completion arvosana parantunut arvoon 2.86HTML-Dokumentin Perusrakenne
Pyyhkäise näyttääksesi valikon
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>
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
Kiitos palautteestasi!
