Results 1 to 3 of 3
  1. #1
    Senior Member Array
    Join Date
    Sep 2010
    Location
    Loznica
    Age
    21
    Karma
    14

    Default Tutorijal za pocetnike

    Kao prvo potreban vam je neki editor, Notepad ili Notepad++ (ja preporucujem).
    Kao prvo ubacite ovo:

    Code:
    <HTML>
    </HTML>
    Ovo su HTML tagovi. Postoje pocetni i krajnji tag. Na krajnjem tagu posle < potrebano je ubaciti i ovaj znak "/". Vecina tagova ima i svoj krajnji tag, ali postoje i neki koji to nemaju.
    Da bi ovo funkcionisalo na krajnjem tagu morate ubaciti "/" da bi Browser razumeo sta tj. koju komandu ste zadali.
    Tako da je <HTML> pocetak nekog Vaseg HTML dokumenta, a </HTML> kraj tog nekog dokumenta.

    Isto tako, kada zelite nesto da napravite (da funkcionise), morate ubaciti i HEAD tag (i to nekoliko)...

    Code:
    <HTML>
    <HEAD>
    </HEAD>
    </HTML>
    Posle toga, vazno je da dodate i naslov <TITLE>Vas text (naslov)</TITLE>

    Code:
    <HTML>
    <HEAD>
    <TITLE>Ovde unosite text (naslov)</TITLE>
    </HEAD>
    </HTML>
    Najveci deo tj. glavni deo vaseg HTML dokumenta nalazi se izmedju ovih tagova <BODY></BODY>

    Code:
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>
    Sada kada ste ove prve (osnovne stvari ubacili), mozete da dodate i text. (primer)

    Code:
    <HTML>
    <HEAD>
    <TITLE>Ko zeli nesto nauciti, naci ce nacin; Ko ne zeli, naci ce izgovor.</TITLE>
    </HEAD>
    <BODY>
    Volim da ucim.
    </BODY>
    </HTML>
    Ovo sada mozte snimiti, i to kao HTML dokument. Snimite ga kao PAGE1.HTML u neki novi folder.
    Ko ne zna evo malo objasnjenje. U Notepad-u kliknite na File pa izaberite Save as.
    U polje File name: upisite html1.html
    U polju Save as type: izaberite All Files(*.*).
    Pritisnite taster ENTER i uspesno ste sacuvali fajl.

    Uspesno ste napravili prvu WEB Stranicu. Slobodno je mozete otvoriti preko nekog WEB Browsera
    ------------------------------------------------------------------------------

    Ukoliko zelite da koristite ova slova - , d , c , c, da biste ih videli, u (HEAD) HTML dokumenta dodajte sledece:


    Code:
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
    ili

    Code:
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
    U daljem radu pisacu samo <BODY> tag. <HTML> <HEAD> i <TITLE> tagovi se podrazumevaju (i njih bi trebalo da ste do sad savladali).

    Code:
    <BODY>
    </BODY>
    -Otkucajte neki text.

    Code:
    <BODY>
    Ovde pisete Vas text.
    </BODY>

    Kad god nesto izmenite SACUVAJTE i otvorite preko nekog WEB Browsera da biste videli kako to izgleda.

    Sada bi trebalo da naucite kako se menja boja pozadine... (primer ispod)

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ko zeli nesto nauciti, naci ce nacin; Ko ne zeli, naci ce izgovor.
    </BODY>

    FFFFFF je bela boja, ali Vi (naravno mozete koristiti i druge boje).

    Browseri sve slike prebacuju na svoju paletu od 256 boja. Znaci ako izaberete neku boju koja koja se ne nalazi u toj paleti, browser ce izabrati boju koja je najbliza izabranoj.

    Isto tako mozete koristiti (ubacivati slike u Vas HTML dokument), ali slika koju zelite da ubacite mora da se nalazi u istom folderu gde je i Vas HTML Dokument.

    Code:
    <BODY BACKGROUND="ime slike.gif">
    Ko zeli nesto nauciti, naci ce nacin; Ko ne zeli, naci ce izgovor.
    </BODY>
    Da bi Vam slika bila prikazana, kada otvorite html dokument, ona mora da se nalazi u istom folderu (za sada) gde i taj dokument.

    Sada se vracamo na
    Code:
    <BODY BGCOLOR="#FFFFFF">
    (razmislite sami sta ce da se desi kada to uradimo), da bi nam bilo lakse za sledece stvari koje cemo uraditi.

    -Sada malo da se pozabavimo sto se tice izgleda, boje... slova.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    
    </BODY>
    Ko zeli nesto nauciti, naci ce nacin; Ko ne zeli, naci ce <B>izgovor</B>.
    </BODY>
    Ovom komandom <B></B> smo rekli browseru da text koju se nalazi izmedju ovih znakova bude podebljan (bold).

    Isti je postupak i za unosenje slova (italic).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ko zeli nesto nauciti, naci ce nacin; Ko ne zeli, <I>naci</I> ce <B>izgovor</B>.
    </BODY>

    Isto tako mozemo i da podvucemo slova (underline).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ko zeli nesto nauciti, naci ce nacin; Ko ne <U>zeli</U>, <I>naci</I> ce <B>izgovor</B>.
    </BODY>

    Da se vratimo na pocetak.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ko zeli nesto nauciti, naci ce nacin; Ko ne zeli, naci ce izgovor.
    </BODY>

    Isto tako, tagovi se cesto mogu koristiti u raznim kombinacijama (po vasoj masti).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ko zeli nesto nauciti, naci ce nacin; Ko ne zeli, naci ce <I><B>izgovor</B></I>.
    </BODY>
    E sada da bi vasi tagovi radili normalno i da bi ih browser mogao prepoznati oni moraju biti pravilno postavljeni.

    <Nesto><Ovo></Nesto></Ovo> lose (na ovaj nacin Vam nece funkcionisati komanda koju ste zadali).
    <Nesto><Ovo></Ovo></Nesto> dobro (na ovaj nacin ste uspesno postavili Vase komande).

    Isto tako mozemo menjati i velicinu slova (na sledeci nacin pomocu <FONT> tagova (obavezno na kraju stavljate </FONT>)).
    -U sledecim primerima cu da koristim kraci text, da bi vama bilo preglednije a i meni.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja volim <FONT>CS</FONT> 
    </BODY>
    Posle toga odredimo vrednost atributa SIZE.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja volim <FONT SIZE=6>CS</FONT>
    </BODY>
    Svako slovo zauzima jednaku kolicinu horizontalnog prostora.

    Postoji 7 velicina fontova:

    malecni 1
    mali 2
    obicni 3
    srednji 4
    veliki 5
    oho-ho veliki 6
    dzinovski 7

    Svaki browser ima podesene podrazumevane fontove - ime, velicinu i boju (izuzev ako nesto niste dirali).
    Podrazumevani font je Times New Roman od 12pt, crne boje (isto tako mozete koristiti i druge fontove).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja volim da igram <FONT FACE="ARIAL">CS</FONT>
    </BODY>
    Font koji izaberete videce samo osoba koja ima instaliran font u svom racunaru (onaj koji vi izaberete), ali postoji mogucnost da Vi ubacite i vise razlicitih fontova (primer ispod).

    Code:
    <FONT FACE="ARIAL, HELVETICA, VERDANA">Zivo zdravo</FONT>.
    Objasnjenje:
    Ako posmatrac nema font ARIAL onda trazi font HELVETICA ako ni njega ne nadje onda ide dalje, trazi sledeci VERDANA (u ovom slucaju), a ako ni njega ne nadje onda automatski bira default font.

    Isto tako mozete promeniti i boju fonta...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja volim da igram <FONT COLOR="#FF0000">CS</FONT>
    </BODY>
    Isto tako u unutrasnjosti nekog taga mozete koristiti vise atributa.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja volim da igram <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">CS</FONT>
    </BODY>
    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja volim da igram <U><I><B><FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">CS</FONT></B></I></U>
    </BODY>
    NAPOMENA: Tagovi moraju biti pravilno napisani (uklopljeni), da bi sve funkcionisalo kako treba.

    <TAG3><TAG2><TAG1>Pozdrav svima </TAG1></TAG2></TAG3>

    Browser ima default podesavanja za boju teksta, linkova, aktivnih linkova, posecenih linkova, kao i za boju pozadine. I to su:

    Tekst je crn
    Linkovi su plavi
    Aktivni linkovi su crveni
    Poseceni linkovi su ljubicasti

    Naravno ove podrazumevane vrednosti mozete lako menjati. Moguce je uneti promenu za ceo HTML dokument...

    Code:
    <BODY BGCOLOR="#00000" TEXT="#FFFF00" LINK="#FF0000" VLINK="#800000" ALINK="#008000">
    Ja volim da igram CS
    </BODY>
    To bi bilo to sto se tice slova (sada znate skoro sve osnovne komande za menjaje izgleda, boje, velicine... slova)
    ------------------------------------------------------------------------------

    Idemo dalje...

    Sada malo da vidimo kako to browseri rade.

    Prvo, jedan primer... (U sledecim primerima koristim sledecu recenicu)

    Code:
    <BODY BGCOLOR="#FFFFFF"> 
    Ja volim 
    CS
    </BODY>
    -------->

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja 
    volim 
    da
    igram
    CS
    </BODY>
    Hmm, pritisnuo sam ENTER a kada otvorim HTML dokument preko browsera, nece text da prikaze u novom redu?
    E pa ako ne naglasite drugacije browser text prikazuje u jednom redu.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja
    <BR>volim
    <BR>da
    <BR>igram
    <BR>CS
    </BODY>
    <BR> ova komanda govori browseru da pocne novi red. Slican tagu <BR> je i tag <P>. On oznacava pocetak nekog pasusa.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja
    <P>volim
    <P>CS</BODY>
    Sto se tice <P> taga njega ne mozete koristiti vise puta, on prestavlja samo jedan prazan red. ako zelite vise praznih redova za to postoji drugi tag.

    Pogledajmo sledeci primer...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja        volim        CS
    </BODY>
    Stavili ste vise razmaka, ali to ne utice na promeni u vasem HTML Dokumentu, ako zelite vise razmaka izmedju reci koristite drugi tag.

    Ovaj tag za browser prestavlja prazno mesto -> &nbsp;

    Npr.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    volim&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    CS
    </BODY>
    Znak & znaci pocetak nekog specijalnog znaka, dok ; oznacava kraj. Postoji veliki broj takvih znakova, a evo nekoliko...

    &nbsp; (jedno prazno mesto)
    &lt; (< manje od)
    &gt; (> vece od)
    &amp; (&)
    &quot; (" navodnici)
    * (* crtica)

    Naravno, postoji jos mnogo specijalnih karaktera.

    Evo jos jedan primer da malo bolje razumete upustva iz proslih delova tutorijala.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Ja<BR>volim<BR>da<BR>
    igram<BR>CS
    </BODY>
    Last edited by Ch0dA; 19-03-2011 at 14:10.

  2. #2
    Senior Member Array
    Join Date
    Sep 2010
    Location
    Loznica
    Age
    21
    Karma
    14

    Default

    Sledeci tag je vrlo koristan. Ime mu govori za sebe.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <CENTER>Ja volim CS</CENTER>
    </BODY>
    Naravno Vi mozete centrirati bilo koji deo texta ili samo jednu rec komadom <CENTER></CENTER>

    Sada da vidimo kako se dodaju slike u neki HTML Dokument.

    Za stavljanje slika, koristi se <IMG> tag.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <IMG>
    </BODY>
    Takodje, moramo odrediti izvor i velicinu slike.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <IMG SRC="ime slike.jpg" WIDTH=124 HEIGHT=150>
    </BODY>

    Atribut SRC ne govori samo ime slike, nego i gde se ona nalazi (o tome morate voditi racuna).

    SRC="slika.gif" znaci da se slika nalazi u istom folderu u kome je i HTML dokument.
    SRC="images/slika.gif" znaci da se slika nalazi u folderu ispod HTML dokumenta koji je poziva.
    SRC="../chef.gif" znaci da je slika u folderu iznad HTML dokumenta koji je poziva.
    SRC="../../slika.gif" znaci da je slika dva foldera iznad HTML dokumenta koji je poziva.
    SRC="../images/slika.gif" znaci da je slika jedan folder gore, pa jedan dole u odnosu na HTML dokument.
    SRC="../../../other/images/slika.gif" - sada bi vec trebalo samo da shvatite sta ovo znaci.

    Isto tako moguce je koriscenje i URL-ova...

    -------->

    Code:
    <IMG SRC="slika.jpg" WIDTH=124 HEIGHT=150 ALT="Moja slika">
    ALT predstavlja zamenu za sliku, kada posetilac sajta ne vidi slike (iz bilo kog razloga).

    Sto se tice velicine slika... Probajte ovako...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <IMG SRC="slika.jpg">
    </BODY>
    Browser sam moze da odredi velicinu slike, ali isto tako mozete je i Vi menjati.

    Probajte sad ovako:

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <IMG SRC="slika.jpg" WIDTH=300 HEIGHT=175>
    </BODY>
    Code:
    <BODY BGCOLOR="#FFFFFF">
    <IMG SRC="slika.jpg" WIDTH=40 HEIGHT=200>
    </BODY>
    Mozete staviti koju god zelite velicinu slike.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <IMG SRC="slika.gif" WIDTH=510 HEIGHT=1><P>
    <IMG SRC="slika.gif" WIDTH=510 HEIGHT=2><P>
    <IMG SRC="slika.gif" WIDTH=510 HEIGHT=5><P>
    <CENTER><IMG SRC="slika.gif" WIDTH=2 HEIGHT=200></CENTER>
    </BODY>
    -Da biste ovaj primer uradili kako ja zamisljam, potrebno je da uzmete malu tacku i nazovete je "slika.gif" i pogledajte sta cete sve uraditi sa ovim HMLD dokumentom

  3. #3
    Senior Member Array
    Join Date
    Sep 2010
    Location
    Loznica
    Age
    21
    Karma
    14

    Default

    E sada da vidimo kako se to prave linkovi...

    To je zaista veoma jednostavno. Napravimo link na Gmail (ovo je samo primer).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Posetite Gmail
    </BODY>
    Onda dodajemo nekoliko ANCHOR tagova.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Posetite <A>Gmail</A>
    </BODY>
    Posle toga dodate URL i to bi bilo to...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Posetite <A HREF="http://www.gmail.com/">Gmail</A>
    </BODY>
    Evo jos jedan primer....

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Posetite Serbia eXtremE Community Forum
    </BODY>
    -------->

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Posetite <A HREF="http://www.serbia-cs.uz.rs/">Serbia eXtremE Community Forum</A>
    </BODY>
    Link e-mail adrese radi na istom principu, samo sto, naravno, umesto URL-ova koristite Vas E-mail.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Kontaktiraj me na <A HREF="mailto:sisicahaha@gmail.com">Mail!</A>
    </BODY>
    Idemo dalje...

    Pocnite sa <IMG> tagom.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <IMG SRC="slika.gif" WIDTH=90 HEIGHT=62>
    </BODY>
    Naravno, ako ste zaboravili treba da dodate <A> tagove.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <A><IMG SRC="slika.gif" WIDTH=90 HEIGHT=90></A>
    </BODY>
    Dodajte URL, i to je to!

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <A HREF="ime.jpg"><IMG SRC="slika.gif" WIDTH=90 HEIGHT=62></A>
    </BODY>
    Mozete ukloniti plavu liniju oko slike, ali mozete je i ostaviti (kako Vi zelite), da bi ona naglasila da se govori o linku.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <A HREF="ime.jpg"><IMG SRC="slika.gif" WIDTH=90 HEIGHT=62 BORDER=0></A>
    </BODY>
    Postoji jos jedna vrsta linka: link na odredjeni deo strane. (hmm, zanimljivo)

    Evo kako se to radi.

    Prvo sto treba da uradite jeste da oznacite mesto na koje zelite da prebacite posetioca. Uzmite neku rec i ubacite je izmedu <A> tagova.

    Code:
    <A>Dodajte</A>
    Oznacimo deo na koji cemo skociti tako sto cemo ga imenovati /NAME="ime"/.

    Code:
    <A NAME="upabit">Dodajte</A>
    URL adresu i to je gotovo!

    Na ovaj nacin ste oznacili tacku na koju ce se link odnositi.

    Sada mozemo da pocnemo "gradnju" linka.

    Klikni
    Code:
    <A>ovde</A>
    Dodajmo ime dokumenta...

    Code:
    Klikni <A HREF="ime dokumenta.html">Ovde</A>
    I na kraju, dodajte sidro, tj. NAME atribut. I to ovako...

    Code:
    Klikni <A HREF="ime dokumenta.html#upabit">Ovde</A>
    To bi bilo sto se tice ovog dela ucenja.
    ------------------------------------------------------------------------------

    Ajmo dalje...

    Kao sto ste videli, do sad smo objasnili dosta toga. Rad sa tekstom, odnosno fontovima, sa slikama, linkovima. Medjutim, i dalje ima jos dosta toga da se nauci.
    Sada je pravo vreme da popricamo o rezoluciji monitora (hmmmm). Moguce su razlicite rezolucije: od 640480, preko 800600 do 1024768 (naravno, postoje i vise rezolucije).
    E sada, neko se zapita, Da li ima ova prica ikakve veze sa web dizajniranjem? Naravno da ima! Naime, veoma je vazno kako ce ono sto Vi napravite u Vasoj rezoluciji od, npr. 1024768 izgledati nekome ko koristi rezoluciju 640480 (i obrnuto).

    Veoma je dobra ideja proveriti svoje strane na drugim rezolucijama (naravno, i na drugim browser-ima i operativnim sistemima). Vasa pazljivo skrojena prezentacija moze izgledati... recimo, vrlo cudno na drugim rezolucijama! Ovo se naročito odnosi na prezentacije radjene na višim rezolucijama.

    E pa da se upoznamo sa jos nekim alatkama za formatiranje texta.

    Prva je <BLOCKQUOTE>. U vecini browsera, ovaj tag ce dodati margine sa strane.(nadam se da ste shvatili smisao ove recenice).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <BLOCKQUOTE>
    Counter Strike: Counter-Strike je takticka video igra, realizovana kao modifikacija igre Half-Life. Autori prvih verzija igre su bili Min Li (Minh Le) i Dzes Klif (Jess Cliffe) cija je ideja bila da naprave igru u kojoj su dostupna oruzja iz stvarnog sveta. Ova igra je kasnije dozivela i svoja nova izdanja: Counter-Strike: Condition Zero (2004) i Counter-Strike: Source (2004), Counter-Strike: Anthology za PC i Counter-Strike za Xbox.
    </BLOCKQUOTE>
    </BODY>
    Sledece korisne alatke su liste... One mogu biti ORDERED liste ili UNORDERED liste (neka Vam sledeci primeri objasne svrhu ovih komandi).

    Ovo je ordered lista:
    nesto
    jos nešto
    i ovo
    i kraj

    A sad unordered lista:
    crveno
    plavo
    belo
    zeleno

    Prvo cemo videti kako se pravi UNORDERED lista. Pa da pocnemo...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Zeleo bih... ?
    </BODY>
    Ovo sto smo sada gore napisali to nije lista (nismo je jos uvek poceli praviti), ovo gore je zapravo nekakav "naslov".

    Sada treba da dodamo tagove...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Zeleo bih... ?
    <UL>
    </UL>
    </BODY>
    E sada dodajemo element liste...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Zeleo bih... ?
    <UL>
    <LI>Nov PC
    </UL>
    </BODY>
    Mozemo dodati jos elemenata... (ukljucite mastu )

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Zeleo bih... ?
    <UL>
    <LI>Nov PC
    <LI>Najjaci Server na svetu
    <LI>1.000.000 $
    <LI>Sve 5 u skoli :P
    <LI>Penelope Cruz
    </UL>
    </BODY>
    Sada ste uspesno napravili listu...

    Kada zelite da napravite ordered listu, samo treba promeniti <UL> tag u <OL>.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    Zeleo bih... ?
    <OL>
    <LI>Nov PC
    <LI>Najjaci Server na Svetu
    <LI>1.000.000 $
    <LI>Sve 5 u skoli :P
    <LI>Penelope Cruz
    </OL>
    </BODY>
    Pored navedenog postoji i tzv. DEFINICIONA lista (nju necu sada da objasnjavam, googlajte malo).

    Sledeca korisna stvar je horizontalna linija.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <HR>
    </BODY>
    U ovom slucaju postoji nekoliko dodatnih opcija

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <HR WIDTH=20%>
    <HR WIDTH=50%>
    <HR WIDTH=100%>
    <HR WIDTH=20>
    <HR WIDTH=50>
    <HR WIDTH=100>
    </BODY>
    Liniju mozemo postaviti -> levo, desno ili je centrirati.

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <HR WIDTH=60% ALIGN=LEFT>
    <HR WIDTH=60% ALIGN=RIGHT>
    <HR WIDTH=60% ALIGN=CENTER>
    </BODY>
    Mozemo da kontrolisemo i debljinu, kao i boju...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <HR WIDTH=60% SIZE=1>
    <HR WIDTH=60% SIZE=3 COLOR="RED">
    <HR WIDTH=60% SIZE=8>
    <HR WIDTH=60% SIZE=15>
    </BODY>
    Naravno, linija moze biti i popunjena...

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <HR WIDTH=60% SIZE=1 NOSHADE>
    <HR WIDTH=60% SIZE=3 NOSHADE>
    <HR WIDTH=60% SIZE=8 NOSHADE>
    <HR WIDTH=60% SIZE=15 NOSHADE>
    </BODY>
    U jednom od prethodih objasnjenja, naveo sam da browseri ne razumeju formatiranje teksta bez tagova (to znaci da text prikazuju u jednoj ravni, pogledajte sledeci primer).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <font face="courier new" size="3">
    
                     \|/ 
                    (@ @)
         +----oOO----(_)-----------+
         |                         |
         |          TEXT           |
         |                         |
         +-----------------oOO-----+
                   |__|__|  
                    || ||
                   ooO Ooo
    </BODY>
    -Text ce prikazati u jednoj liniji...

    ALi sa <PRE> tagom, mozemo da dobijemo rezultat (onakav kakav smo otkucali).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <PRE>
    
                     \|/ 
                    (@ @)
         +----oOO----(_)-----------+
         |                         |
         |          TEXT           |
         |                         |
         +-----------------oOO-----+
                   |__|__|  
                    || ||
                   ooO Ooo
    </PRE>
    </BODY>
    Naravno, Vi mozete menjati font slova i slicno...

    Jos jedan tag, koji je dosta upotrebljen je komentar tag (pa da se pozabavimo i sa njim).

    Code:
    <BODY BGCOLOR="#FFFFFF">
    <!--Ovo jeste komentar-->
    Ovo nije<P>
    Komentar moze da se nalazi bilo gde u HTML fajlu, a browseri ce ignorisati sve sto se nalazi unutar zagrada taga. Ovaj tag možete koristiti za dodavanje skrivenih poruka <!--Zdravo, svima-->, nekih podsetnika za sebe <!--Sutra moram u skolu-->, ili mozete dodati neke korisne savete onima koji gledaju Vas Document source<!--Cu te utepam !-->.
    </BODY>
    Da napomenem da komentar mora poceti sa <!-- i završiti sa -->
    Izmedju njih, mozete staviti sve sto zelite... Browser ce ignorisati sve dok ne nadje -->

    To bi bilo to, nadam se da je neko razumeo ovaj TUT i da ce pokusati ovo da odradi kako valja.
    -Ja nemam vremena da uradim ni jedan sajt, da Vam pokazem, jer imam obaveze (skola i te zezancije), tako da ako neko uradi nesto pomocu ovog TUT-a neka okaci ovde ili mi posalje u PM
    Last edited by Ch0dA; 19-03-2011 at 15:50.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •