Asiakirjan Kulun ja Asettelun Hallinta
Virtaus
Verkkosivun virtaus määrittää järjestyksen, jossa elementit näytetään pystysuunnassa ja vaakasuunnassa. Oletuksena elementit esitetään siinä järjestyksessä, jossa ne esiintyvät HTML-dokumentissa, ylhäältä alas. Vaakasuuntainen virtaus kulkee yleensä vasemmalta oikealle; kuitenkin oikealta vasemmalle lukevissa kielissä virtaus on käänteinen.
Jokainen HTML-elementti on suorakulmainen alue, joka sijoittuu riville, kuten sanat viivoitetulla paperilla. Elementtejä on kaksi päätyyppiä: lohkotason ja sisäiset elementit.
index.html
Tarkasteltuasi esimerkkiä, seuraava johtopäätös:
Lohkotason elementti: vie koko säiliönsä leveyden sisällön koosta riippumatta. Lohkotason elementit asettuvat päällekkäin, yksi toisensa jälkeen.
Rivinsisäinen elementti: vie vain niin paljon leveyttä kuin sen sisältö vaatii. Tämä mahdollistaa rivinsisäisten elementtien sijoittumisen samalle riville. Ne siirtyvät seuraavalle riville, jos yhdellä rivillä ei ole tarpeeksi tilaa.
HTML-elementtien display-ominaisuus on ennalta määritelty HTML-standardin ja -konventioiden mukaisesti. Nämä standardit määrittävät elementtien oletusnäyttäytymisen eri verkkoselaimissa. Voit tarkistaa minkä tahansa elementin tyypin viite- tai spesifikaatiolinkeistä: HTML Reference ja HTML Specification.
Elementtityypit
Kuten aiemmin mainittiin, jokaisella elementillä selaimen tyylitiedostossa on tyyppi, jota edustaa display-ominaisuus ja joka määrittää sen käyttäytymisen. Kaksi pääasiallista elementtityyppiä ovat lohkotason ja rivinsisäiset elementit, ja lisäksi on muita tyyppejä, kuten inline-block-elementit.
Rivinsisäiset elementit: käytetään ensisijaisesti sisällön pienten osien tyylittelyyn ja korostamiseen, kuten linkit, painikkeet ja kuvat. Ne pysyvät samalla rivillä, kunnes tila loppuu, jolloin ne siirtyvät seuraavalle riville.
Lohkotason elementit: käytetään suurempien sisältörakenteiden, kuten otsikoiden, kappaleiden, listojen ja osioiden (esim. headerit, footerit) määrittelyyn. Ne näytetään visuaalisesti suorakulmaisina lohkoina, jotka pinoutuvat pystysuunnassa toistensa päälle.
1. Oletuksena elementit voidaan näyttää verkkosivulla missä tahansa järjestyksessä, jonka selain valitsee.
2. Mitkä ovat kaksi pääasiallista elementtityyppiä?
3. Kappale (<p>-elementti) on …
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you give examples of common block-level and inline elements?
How does the `display` property affect the layout of elements?
Can you explain what an inline-block element is?
Mahtavaa!
Completion arvosana parantunut arvoon 2.38Asiakirjan Kulun ja Asettelun Hallinta
Pyyhkäise näyttääksesi valikon
Virtaus
Verkkosivun virtaus määrittää järjestyksen, jossa elementit näytetään pystysuunnassa ja vaakasuunnassa. Oletuksena elementit esitetään siinä järjestyksessä, jossa ne esiintyvät HTML-dokumentissa, ylhäältä alas. Vaakasuuntainen virtaus kulkee yleensä vasemmalta oikealle; kuitenkin oikealta vasemmalle lukevissa kielissä virtaus on käänteinen.
Jokainen HTML-elementti on suorakulmainen alue, joka sijoittuu riville, kuten sanat viivoitetulla paperilla. Elementtejä on kaksi päätyyppiä: lohkotason ja sisäiset elementit.
index.html
Tarkasteltuasi esimerkkiä, seuraava johtopäätös:
Lohkotason elementti: vie koko säiliönsä leveyden sisällön koosta riippumatta. Lohkotason elementit asettuvat päällekkäin, yksi toisensa jälkeen.
Rivinsisäinen elementti: vie vain niin paljon leveyttä kuin sen sisältö vaatii. Tämä mahdollistaa rivinsisäisten elementtien sijoittumisen samalle riville. Ne siirtyvät seuraavalle riville, jos yhdellä rivillä ei ole tarpeeksi tilaa.
HTML-elementtien display-ominaisuus on ennalta määritelty HTML-standardin ja -konventioiden mukaisesti. Nämä standardit määrittävät elementtien oletusnäyttäytymisen eri verkkoselaimissa. Voit tarkistaa minkä tahansa elementin tyypin viite- tai spesifikaatiolinkeistä: HTML Reference ja HTML Specification.
Elementtityypit
Kuten aiemmin mainittiin, jokaisella elementillä selaimen tyylitiedostossa on tyyppi, jota edustaa display-ominaisuus ja joka määrittää sen käyttäytymisen. Kaksi pääasiallista elementtityyppiä ovat lohkotason ja rivinsisäiset elementit, ja lisäksi on muita tyyppejä, kuten inline-block-elementit.
Rivinsisäiset elementit: käytetään ensisijaisesti sisällön pienten osien tyylittelyyn ja korostamiseen, kuten linkit, painikkeet ja kuvat. Ne pysyvät samalla rivillä, kunnes tila loppuu, jolloin ne siirtyvät seuraavalle riville.
Lohkotason elementit: käytetään suurempien sisältörakenteiden, kuten otsikoiden, kappaleiden, listojen ja osioiden (esim. headerit, footerit) määrittelyyn. Ne näytetään visuaalisesti suorakulmaisina lohkoina, jotka pinoutuvat pystysuunnassa toistensa päälle.
1. Oletuksena elementit voidaan näyttää verkkosivulla missä tahansa järjestyksessä, jonka selain valitsee.
2. Mitkä ovat kaksi pääasiallista elementtityyppiä?
3. Kappale (<p>-elementti) on …
Kiitos palautteestasi!
