Verjetno si že opazil, da se besedilo na nekaterih spletnih straneh razvleče po celi širini zaslona oz. toliko, kolikor dopušča okno brskalnika. To je lahko zelo neugodno za branje, saj človeško oko težko zajame tako dolge vrstice. Še posebej je to moteče v sedanjem času, ko so cene monitorjev padle in tudi navadni uporabniki uporabljajo vedno večje - od nekdanjih 15" je veliko uporabnikov prešlo na 17", če ne celo 19" monitorje.
O tem, da je branje vrstic, dolgih od roba do roba odprtega okna, zares neprijetno, se lahko prepričaš tudi z branjem besedila, ki ga imaš pravkar pred seboj in nima natančno določene širine, preko katere se sme raztezati. Zato v nadaljevanju prehajam na pisanje v sprejemljivejši dolžini vrstice.


Prav je torej, da upoštevamo sposobnosti človekovega očesa in možgan in tudi  dejstvo, da ima določeno število  morebitnih obiskovalcev naše spletne strani še vedno kakšen zastarel, manjši monitor.
Začni z delom.
  1. Odpri dokument html_zapis1XX.html.
  2. Shrani ga z imenom html_zapis_v_tabeloXX.html.
  3. V menijski vrstici pojdi v meni Jezik in nastavi na HTML.
Tvoj dokument je videti nekako takole:

Izvorna koda - besedilo brez oblikovanja

Ponovno si oglej  izdelek v brskalniku (meni Run --> launch in IE).
Besedilo, ki je vstavljeno v telo (body), boš sedaj postavil v tabelo.
Pojdi po naslednjih korakih:
  1. Pod oznako <body> vstavi v novo vrstico oznako za začetek tabele <table>.
  2. Nad oznako </body> vstavi v svojo vrstico oznako za konec tabele </table>.
  3. Pod oznako <table> vstavi oznako za začetek vrstice <tr>.
  4. Nad oznako </table> vstavi oznako za konec vrstice </tr>.
  5. Pod oznako <tr> vstavi oznako za začetek stolpca <td>.
  6. Nad oznako </tr> vstavi oznako za konec stolpca </td>.
Takole je prav:

Postavljanje besedila v tabelo

Shrani datoteko in poglej rezultat v brskalniku (meni Run --> launch in IE). Ni sprememb? Si razočaran?
Zdaj boš poskrbel za nekaj opaznih sprememb:
  1. V oznako za začetek tabele zapiši, da mora biti široka 600 px. Zapis bo takle: <table width="600">.
    • Shrani datoteko in poglej rezultat v brskalniku (meni Run --> launch in IE).
  2. V isto oznako za začetek tabele zapiši, da mora biti postavljena na sredino strani. Celoten zapis bo takle: <table width="600" align="center">.
    • Shrani datoteko in poglej rezultat v brskalniku (meni Run --> launch in IE).
Preveri še s pomočjo primera na sliki, ali je tvoj zapis podoben spodnjemu:

Postavitev besedila v oblikovano tabelo

Tokrat so se zares opazno spremenile nekatere oblikovne lastnosti besedila. Zapomni si, da gredo ukazi vedno v istem vrstnem redu v HTML zapis in v obratnem iz njega. Podobno kot tile oklepaji, ki zapovrstjo objemajo sredino: ((((())))).

Zadnja sprememba: sobota, 24. september 2011, 23:57