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
Suggested prompts:
Can you explain more about what each HTML tag does?
What is the purpose of the meta charset tag?
Can you show examples of what goes inside the body tag?
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
