Lekcija 6 - Još koji element

21. Avgust, 2005 u HTML | Nema komentara

Da li ste napravili vašu stranicu? Evo jedan primjer:

<html>

<head>
<title>Moja stranica</title>
</head>

<body>
<h1>Naslov</h1>
<p>malo teksta ovdje ništa specifično, samo tekst…</p>
<h2>Podnaslov</h2>
<p>malo teksta ovdje ništa specifično, samo tekst…</p>
</body>

</html>

I šta sada?

Sada, čemo naučiti novih 8 elemenata.
Na isti način kao kada ste napravili masni/zadebljani tekst sa <b>, možete napraviti vaš tekst nakrivljenim sa <i>. “i” je skraćenica za “italic” (engleski za nakrivljeni tekst).

Primjer 1:

<i>Ovaj tekst je nakrivljen</i>

Izgleda ovako u browseru:

Ovaj tekst je nakrivljen

Sa elementom <u> možete podvući tekst.

Primjer 2:

<u>Ovaj tekst je podvučen</u>

I izgleda ovako u browseru.

Ovaj tekst je podvučen

Da li se mogu kombinovati ovi elementi?
Naravno da mogu, samo trebate paziti da ne presjecaju jedni drugi. Šta to znači je, najlakše ilustrirano u sljedećem primjeru:

Primjer 3:
Ako želite napisati neki tekst zadebljanim i nakrivljenim slovima, onda se to ovako radi pravilno:

<b><i>Ovaj tekst je zadebljan i nakrivljen.</i></b>

A sljedeći primjer nije pravilan:

<b><i>Ovaj tekst je zadevljan i nakrivljen.</b></i>

Razlika je, da prvi način zatvara elemente u obratnom smijeru u kojem su otvoreni, Znači onaj koji je prvi otvoren, zatvara se zadnji. Na ovaj način izbjegavamo zabunje samih sebe a i browsera.

Šta je sa ostalih šest znakova?

Da li se sjećate da smo u lekciji 4 naučili da postoje elementi kao samostojeće komande, koje se ne moraju zatvarati. Jer nisu privržene nekom tekstu, već imaju funkciju za sebe. Nema takvih elemenata mnogo, i jedan od njih je <br />, koji prebaciva tekst sa njegove desne strane u novi red.

Primjer 4:

Malo teksta <br /> i još malo više teksta u novom redu

Izgleda ovako u browseru:

Malo teksta
i još malo više teksta u novom redu

Još jedan ovakav samostalni koji ne zahjteva zatvaranje je, <hr />, koji se koristi da prikaže horizontalnu liniju. “hr” je skraćenica za “horisontal rule”, a na našem “horizontalna linija”. (da, rule može značiti i linija):

Primjer 5:

<hr />

I izgleda ovako u browseru

Jedan drugi element koji se zatvara (kao i većina njih), je <blockquote> (citat bloka) i ćini to da ubaciva tekst unutar u desno:

Primjer 6:

<p>Mak Dizdar reče:</p>
<blockquote>I od griješnog i od smiješnog smijeh je jači..</blockquote>

Bi izgledalo ovako:

Mak Dizdar reče:

I od griješnog i od smiješnog smijeh je jači…

Jedan drugi način kako ubaciti tekst unutar je pomoću korištenja, <ul>, “unordered list”, koja znači onako bukvalno, “lista bez redosljeda”. Ili <ol>,, “ordered list” što znači “redosljedna lista”. Zbunjeni? Pogledajte primjere:

Primjer 7:

<ul>
  <li>Tačka A</li>
  <li>Tačka B</li>
</ul>

izgleda ovako

  • Tacka A
  • Tacka B

Primjer 8:

<ol>
  <li>Tacka jedan</li>
  <li>Tacka dva</li>
</ol>

i izgleda ovako:

  1. Tacka jedan
  2. Tacka dva

Je li to sve?

Za sada jeste. Pokušajte sada sami da napravite vašu stranicu gdje koristite i ovih osam novih elemenata.

Tagovi: , , ,