. Škola Web Design-a: Osnove HTML-a [4]

nedjelja, 12. veljače 2012.

Osnove HTML-a [4]



Danas počinjemo malo ozbiljnije sa HTML-om kao uvod u HTML 5
Da napomenemo da je veoma važno da pogledate prethodne HTML tutorijale jer se više nećemo vraćati na osnove.
Počinjemo sa listama

LISTE U HTML-u


Danas koristimo 3 vrste listi , a to su :

1 . Bullets lista koja izgleda ovako

  • HTML
  • CSS
Dok kod izgleda ovako

<ul>
<li>HTML</li>
<li>CSS</li>
</ul>


Znači otvaramo i zatvramo je sa <ul></ul> , a sadržaj obilježavamo sa <li></li>

2. Brojna lista koja izgleda ovako
  1. HTML
  2. CSS
Dok kod izgleda ovako


<ol>
<li>HTML</li>
<li>CSS</li>
</ol>

Znači otvaramo je sa <ol></ol> , a sadržaj sa <li></li>

3. Definisana lista tj. lista koja je komentarisana i izgleda ovako

HTML
Ovo je prvi komentar
CSS
Ovo je drugi komentar
Dok kod izgleda ovako


<dl>
<dt>HTML</dt>
<dd>Ovo je prvi komentar</dd>
<dt>CSS</dt>
<dd>Ovo je drugi komentar</dd>
</dl>

Znači otvaramo i zatvaramo je sa <dl></dl> sadržaj otvaramo sa <dt></dt> , a komentar sa <dd></dd>


FORME U HMTL-u

Forme se u HTML-u koriste sa prosleđivanje podataka serverima.

Za kreiranje forme koristimo <form> element

Primjer :

<form>
Element
</form>

Primjer forme :

Ime :

Prezime:

Kod za ovu formu izgleda ovako

<form>
Ime: <input type="text" name="firstname" /><br />
Prezime: <input type="text" name="lastname" />
</form>


Sa formama ćemo se detaljnije upoznati u kasnijim tutorijalima ovdje važno samo da naglasimo da se za forme koristi element <form>









Kasnije ćemo se vraćati na ovo no sada krećemo sa HTML5 koji predstavlja budućnosti.

Objavi komentar