Veebilehtede loomine/Lihtne tekstipõhine lehekülg

Allikas: Vikiõpikud
Jump to navigation Jump to search

Peale seda, kui oled eelmises peatükis saanud rõõmu tunda oma esimesest veebilehest, soovid kindlasti seda üksjagu täiendada, sest olgem ausad - ühel tublil veebilehel leidub palju rohkem kui lihtsalt tekst "dokumendi sisu" - seal on pealkirjad, lingid, pildid ja muudki, mida me kohe järgnevalt ka vaatame.

Alustame pealkirjast[muuda]

HTML-is on kuus erineva taseme pealkirja. Esimese taseme pealkiri on h1, teise taseme oma h2 jne kuni kõige madalama taseme pealkirjani h6. Täht "h" tuleneb inglisekeelsest sõnast heading - pealkiri.

Siin on üks suur ja oluline pealkiri:

<h1>Suur ja oluline pealkiri</h1>

ning siin on üks madalama taseme pealkiri:

<h2>Alapealkiri</h2>

Lisame teksti[muuda]

Tekst kirjutatakse reeglina lõikude kaupa. Raamatutes algab uus lõik taandreast, veebis taandridu enamasti ei kasutata ja lõikude vahele jäetakse rea jagu tühja ruumi. Lõiku tähistab element p (paragraph).

<p>See on esimene lõik.</p>

<p>See on teine, natukene pikem lõik.</p>

<p>See on kolmas lõik, mis sisaldab klassikalist teksti:
"Lorem ipsum dolor sit amet, consectetur adipisicing 
elit, sed do eiusmod tempor incididunt ut labore et 
dolore magna aliqua. Ut enim ad minim veniam, quis 
nostrud exercitation ullamco laboris nisi ut aliquip ex 
ea commodo consequat."</p>

Rõhutame olulist[muuda]

Teksti rõhutamiseks on element em (emphasis):

<p>Peeter ja Tanel olid <em>erilised marakratid</em>.</p>

Tugevaks rõhutamiseks on element strong (strong emphasis):

<p>Esimese veebilehitseja looja on <strong>Tim Berners Lee</strong>.</p>