HTML za početnike-Lekcija 3

Jul 26

HTML za početnike-Lekcija 3

Kategorija: HTML/CSS, Tutoriali Autor: Pebas

Tutorial3 Pozdrav svima,ovo je treća lekcija iz serijala HTML za početnike.

Prije nego što nastavimo samo da se osvrnem na jednan komentar iz prošle lekcije. U prošloj lekciji sam dobio komentar vezan za ovaj tutorijal, a odnosio se na slike. Odnosno da bi bilo bolje da u ovom tutorijalu ima i slika. Pa da ukratko odgovorim i prije svega da se zahvalim na komentaru jer je veoma značajan i ukazao je na ono što bi trebalo poboljšati.Ovo je u suštini tek probna verzija, prva verzija sajta i tek će se raditi i unapređivati ovaj sajt koji je nadam se vama od koristi. Znam da mi to nije neko opravdanje ali čim budem imao vremena dodaću i slike u svaki tutorijal u ovom serijalu. Eto mislim da smo to razjasnili,ja sam obećao,a eto vi me “držite za riječ”.

Sada da nastavimo gdje smo stali. Upoznali smo se u prošloj lekciji sa obradom teksta u HTML kodu i naučili šta znače , <h1> i  tag i kako se koriste. Danas ćemo se upoznati sa nekim novim tagovima u HTML kodu a koji se koriste takođe za obradu teksta, tačnije sa <hr />, i  tag-om. I zaista će ova lekcija biti jako laka, obećavam.

Tag <hr />

Upravo ovaj tag takođe služi za odvajanje teksta kao i tag. Kao što vidite i <hr /> tag je jedan od onih tagova koji nema završni tag. Oni koji su upoznati sa prethodne dvije lekcije znaju na šta mislim. Za one koji nisu bili revnosni neka pređu prethodne dvije lekcije jer su važne koliko god vi mislili da nisu i da ćete nadoknaditi to kasnije. Za sve što sam, a dok sam učio HTML, preskočio, kad tad sam morao da se vratim i to po više puta. To nije naređenje, to je savjet. Nego da se vratimo <hr /> tag-u. Njega možemo definisati kao liniju! Odnosno ako želimo da razdvojimo dva reda, a da između njih bude linija, koristićemo <hr /> tag. Ajmo da vidimo kako to izgleda na primjeru:

<html>

<head>

<title>Tagovi za obradu teksta</title>

</head>

<body>

Ovo je prva rečenica prije koju linijom želimo da razdvojimo od sledeće rečenice!

<hr />

Ovo je druga rečenica, a iznad nje je linija koju smo dobili korišćenjem tag-a za razdvajanje linijom!

</body>

</html>

Eto to je sve što ste trebali da znate o <hr /> tag-u. I napomena da ćete ga jako puno koristiti u modernom web dizajnu. I odmah da razjasnimo jedno, a to je da ne postoji vertikalni razmak linijom i da ne gubite vrijeme kao ja dok sam počinjao, upinjući se da pronađem vertikalni tag za razdvajanje linijom!

Tag 

Ovaj tag na engleskom je u stvari skraćenica za bold, odnosno što znači bestidan, smeo, srčan…pitate se kako li izgleda na web stranisi? Jednostavno je jer mi ga nećemo tako prevesti. Prevešćemo ga jednostavno zadebljan. Da razjasnimo, svaka rečenica je izgrađena od slova i riječi. Ponekad ćemo poželeti da neki dio te rečenice učinimo uočljivijim od drugih riječi. Evo primjera:

<html>

<head>

<title>Tagovi za obradu teksta</title>

</head>

<body>

Ovo je jako važan tutorijal!

</body>

</html>

Eto to je sve. Znači ako bude nešto važno i želite da taj dio vaše rečenice bude zadebljan koristite  tag.

Tag 

Ovo je tag za iskrivljenje, da se tako izrazim, teksta ili dijela teksta u rečenici. Nisam siguran šta bih napisao za ovaj tag pa zato neka kod sam za sebe govori, a vi budite pronicljivi i sami pronađite način kako i gdje da upotrebljavate ovaj tag. Ajmo odmah da se “bacimo” na primjer:

<html>

<head>

<title>Tagovi za obradu teksta</title>

</head>

<body>

Ovo je običan tekst!

Kakav je ovo tekst?Ovo je takozvani italic tekst!

</body>

</html>

Budite maštoviti kada budete koristili ovaj tekst,jer ga možete koristiti u zaista dosta varijacija!

To je sve za ovu lekciju i kao što sam napisao na početku veoma je jednostavna i laka.

Pozdrav do sledeće lekcije i nadam se da ste naučili pomalo engleskog do sada, valjaće vam.