HTML-Dokumentin Perusrakenne
HTML-dokumentti noudattaa perusrakennetta, joka koostuu useista elementeistä. Tässä on tyypillinen HTML-dokumentin rakenne:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Title of the Document</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>
Rakenteen lyhyt yhteenveto
<!DOCTYPE html>: Tämä rivi ilmoittaa selaimelle, mitä HTML-version dokumentti käyttää. Tässä tapauksessa kyseessä on HTML5, HTML:n uusin versio;<html>: Tämä on HTML-dokumentin juurielementti. Kaikki muut elementit sisältyvät tämän elementin sisälle;<head>: Tämä osio sisältää dokumentin metatiedot, kuten merkistökoodauksen (<meta charset="UTF-8">), joka varmistaa erikoismerkkien oikean näyttämisen, sekä dokumentin otsikon (<title>), joka näkyy selaimen otsikkopalkissa tai välilehdessä;<title>: Tämä elementti asettaa dokumentin otsikon, joka näytetään selaimen otsikkopalkissa tai välilehdessä;<body>: Tähän sijoitetaan verkkosivun varsinainen sisältö. Tekstit, kuvat, linkit, lomakkeet ja muut elementit sijoitetaan<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.
Videotutoriaali
Koodieditorin linkki - Visual Studio Code
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 1. Luku 5
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Awesome!
Completion rate improved to 3.13HTML-Dokumentin Perusrakenne
Pyyhkäise näyttääksesi valikon
HTML-dokumentti noudattaa perusrakennetta, joka koostuu useista elementeistä. Tässä on tyypillinen HTML-dokumentin rakenne:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Title of the Document</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>
Rakenteen lyhyt yhteenveto
<!DOCTYPE html>: Tämä rivi ilmoittaa selaimelle, mitä HTML-version dokumentti käyttää. Tässä tapauksessa kyseessä on HTML5, HTML:n uusin versio;<html>: Tämä on HTML-dokumentin juurielementti. Kaikki muut elementit sisältyvät tämän elementin sisälle;<head>: Tämä osio sisältää dokumentin metatiedot, kuten merkistökoodauksen (<meta charset="UTF-8">), joka varmistaa erikoismerkkien oikean näyttämisen, sekä dokumentin otsikon (<title>), joka näkyy selaimen otsikkopalkissa tai välilehdessä;<title>: Tämä elementti asettaa dokumentin otsikon, joka näytetään selaimen otsikkopalkissa tai välilehdessä;<body>: Tähän sijoitetaan verkkosivun varsinainen sisältö. Tekstit, kuvat, linkit, lomakkeet ja muut elementit sijoitetaan<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.
Videotutoriaali
Koodieditorin linkki - Visual Studio Code
Oliko kaikki selvää?
Kiitos palautteestasi!
Osio 1. Luku 5
