HTML-tyyppiset ja riveihin sisältyvät elementit

HTML-elementit voidaan yhdistää <div>- ja <span>-elementtien avulla.

HTML:n blokkielementit

Useimmat HTML-elementit määritellään blokkimaisiksi tai sisennetyiksi elementteiksi.

Huomautus: 'blokkimainen elementti' käännetään 'block level element' ja 'sisennetty elementti' käännetään 'inline element'.

Blokkimaiset elementit alkavat yleensä uudella rivillä selaimessa näytettäessä (ja päättymään).

Esimerkkejä: <h1>, <p>, <ul>, <table>

HTML:n sisennetyt elementit

Sisennetyt elementit eivät yleensä aloita uutta riviä näytettäessä.

Esimerkkejä: <b>, <td>, <a>, <img>

HTML:n <div>-elementti

HTML:n <div>-elementti on blokkimainen elementti ja se on konteineri, jota voidaan käyttää muiden HTML-elementtien yhdistämiseen.

<div>-elementillä ei ole tiettyä merkitystä. Lisäksi, koska se on blokkimainen elementti, selain näyttää sen eteen ja jälkeen virkkojen muodostamat rivit.

Kun CSS:ää käytetään, <div>-elementti voidaan käyttää suurten sisältölohkojen tyylejä asettamiseen.

<div>-elementin toinen yleinen käyttötapa on dokumentin asettelu. Se korvaa vanhan tavan käyttää taulukoita asettelun määrittämiseen. Dokumentin asettelu <table>-elementillä ei ole taulukon oikeaa käyttöä.<table>-elementin tarkoitus on näyttää tabulaarisia tietoja.

HTML:n <span>-elementti

HTML:n <span>-elementti on sisennetty elementti ja sitä voidaan käyttää tekstin konteinerina.

<span>-elementillä ei ole tiettyä merkitystä.

Kun CSS:ää käytetään, <span>-elementti voidaan käyttää osan tekstin tyylejä asettamiseen.

HTML:n ryhmätagit

Tagi Kuvaus
<div> Määritellään dokumentin osa-alue tai luku (jaonosa/loku).
<span> Määritellään span, jotta voidaan yhdistää dokumentin sisäiset sisällöt.