HTML-paragraphit

Voit jakaa HTML-dokumentin useisiin kappaleisiin.

HTML-paragraphit

Kappaleet määritellään <p>-tagilla.

Esimerkki

<p>Tämä on kappale</p>
<p>Tämä on toinen kappale</p>

Kokeile itse

Huomautus:Selain lisää automaattisesti tyhjiä rivejä kappaleen ympärille. (<p> on lohkokomponentti)

Vinkki:Käyttää tyhjiä kappaleita <p></p> tyhjän rivin lisäämiseen on huono tapa. Käytä sen sijaan <br />-tagia! (Mutta älä käytä <br />-tagia luodaksesi luetteloa. Älä kiirehdi, opit HTML-listat myöhemmin.)

Älä unohda lopputageja

Vaikka unohtaisit käyttää lopputageja, suurin osa selaimista näyttää HTML:n oikein:

Esimerkki

<p>Tämä on kappale
<p>Tämä on toinen kappale

Kokeile itse

Yllä oleva esimerkki toimii suurimmassa osassa selaimia, mutta älä luota tähän tapaan. Unohdetut lopputagit voivat aiheuttaa odottamattomia tuloksia ja virheitä.

Huomautus:Tulevaisuuden HTML-versioissa ei ole sallittua jättää lopputageja pois.

Vinkki:HTML:n lopputagien käyttö on kestävä HTML-kirjoitusmenetelmä. Merkitse selkeästi, missä jokin elementti alkaa ja missä se päättyy, ja se tekee koodista helpommin ymmärrettävää sekä sinulle että selaimelle.

HTML rivinvaihto

Jos haluat tehdä rivinvaihdon ilman, että luot uuden kappaleen (uusi rivi), käytä <br />-tagia:

<p>Tämä on<br />kappale, jossa on rivinvaihdot</p>

Kokeile itse

<br />-elementti on tyhjä HTML-elementti. Koska sulkeemismerkki ei ole merkityksellinen, sillä ei ole loppuavaa merkkiä.

<br> vai <br />

Voit ehkä huomata, että <br> ja <br /> ovat hyvin samanlaisia.

XHTML:ssä, XML:ssä ja tulevissa HTML-versioissa ei ole sallittua käyttää HTML-elementtejä ilman loppuavaa merkkiä (sulkemismerkkiä).

Vaikka <br> näyttää kaikissa selaimissa ongelmitta, käytä <br />Pitkän aikavälin suojelu.

HTML-ulostulo - hyödyllisiä vinkkejä

Emme voi määrittää HTML:n tarkkaa näyttöä. Näytön koko ja ikkunan säätö voivat aiheuttaa erilaisia tuloksia.

HTML:ssä et voi muuttaa tulostusta lisäämällä ylimääräisiä välilyöntejä tai rivinvaihtoja HTML-koodiin.

Näytettäessä sivua selain poistaaLähdekoodissaLiiallinen välilyönti ja tyhjät rivit. Kaikki jatkuvat välilyönnit ja tyhjät rivit lasketaan yhtenä välilyönniksi. On huomattava, että HTML-koodin kaikki jatkuvat tyhjät rivit (rivinvaihdot) näytetään myös yhtenä välilyönninä.

Kokeile itse

(Tämä esimerkki näyttää joitakin HTML-formaattointiongelmia)

Esimerkit tästä sivusta

HTML-paragraphit
Miten näyttää HTML-kappale selaimessa.
Rivinvaihto
Rivinvaihto HTML-dokumentissa
Tyylikäs Tangshi-rivi HTML-koodissa
Selain jättää pois HTML:n näyttämisessä ylimääräiset tyhjät merkit (tyhjät tilat tai rivinvaihdot jne.).

Lisää esimerkkejä

Lisää kappaleita
Kappaleen oletus käyttäytyminen.

HTML tunnistetunnisteiden viittausopas

CodeW3C.com:n tunnistetunnisteiden viittausopas tarjoaa lisätietoja HTML-elementeistä ja niiden ominaisuuksista.

Tunniste Kuvaus
<p> Määritellään kappale.
<br /> Lisää yksittäinen virkko-otanta (rivinvaihto).