HTML tablice trebale bi se koristiti isključivo za prikaz tabličnih podataka, međutim tablice su se sve donedavno koristile za strukturiranje i razmještaj (layout) web stranica. U zadnje vrijeme tablice se koriste sve manje, a zamijenjuje ih kombinacija DIV tagova i CSS koji je zadužen za umjetnički dojam ;)
Pa zašto se onda tablice više ne koriste za strukturiranje web stranica?
Tablice se sastoje od redaka (rows) i stupaca (columns), a za izradu se koristi više tagova. Ništa strašno, ali trebat će vam neko vrijeme da sve uvježbate i polovite sve konce.
Web stranice kakve danas poznajemo, gotovo su nezamislive bez slika. Dobro, pa kako onda pored svog tog teksta dodati i pokoju sliku na web stranicu?
Potreban nam je img tag, i naravno - slika.
<img src="/slika.jpg" width="50" height="50" alt="Slika" />
Jedna od najvažnijih osobina Interneta i razlog zašto je postao tako popularan su - linkovi.
Linkovi nam omogućuju povezivanje sadržaja, a prva dva slova u kratici HTML zapravo označavaju hypertext - sustav dokumenata povezanih linkovima.
U ovom tutorialu malo ćemo se igrati s listama. Koristimo ih za sadržaj koji želimo prikazati nekim redosljedom (uređene), kao primjerice sadržaj knjige i sl., kao navigacijske elemente na web stranicama (neuređene) i na kraju definicijske liste za opisivanje pojmova.
Dakle, imamo tri vrste listi:
U nastavku možete saznati više o tim listama, a u jednom od sljedećih tutoriala pokazar ću vam kako liste možete upotrijebiti za izradu navigacije i urediti ih pomoću CSS-a.
Sad kad znate kako napraviti najjednostavniju XHTML stranicu, vrijeme je da detaljnije objasnim neke stvari.
U ovom tutorialu bit će objašnjeni:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Moja prva web stranica</title> </head>
<body>
<p>Ovo je moja prva web stranica!</p> </body>
</html>
