1 / 19

HTML – nastavak br.4!!

HTML – nastavak br.4!!. Minimalni HTML-dokument:. <HTML> <HEAD> <TITLE>Prazno</TITLE> </HEAD> <BODY> </BODY> </HTML>. Nenumerisane liste. <ul> <li>Stavka 1</li> <li>Stavka 2</li> <li>Stavka 3</li> </ul>. Numerisane liste. <ol>

cleo
Download Presentation

HTML – nastavak br.4!!

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML – nastavak br.4!!

  2. Minimalni HTML-dokument: <HTML> <HEAD> <TITLE>Prazno</TITLE> </HEAD> <BODY> </BODY> </HTML>

  3. Nenumerisane liste <ul> <li>Stavka 1</li> <li>Stavka 2</li> <li>Stavka 3</li> </ul>

  4. Numerisane liste <ol> <li>Stavka 1</li> <li>Stavka 2</li> <li>Stavka 3</li> </ol>

  5. <HTML> <HEAD> <TITLE>Lista unutar liste</TITLE> </HEAD> <BODY> <UL>Mala lekcija iz geografije <LI>Nekoliko država Evrope: <UL> <LI>Italija </LI> <LI>Engleska</LI> <LI>Austrija </LI> </UL> </LI> <LI>Dve države u Aziji: <UL> <LI>Kina </LI> <LI>Iran </LI> </UL> </LI> </UL> </BODY> </HTML>

  6. Lista u listi

  7. Atributi <h2 style="background-color:#ff0000;">Moje druzenje sa HTML</h2>

  8. Atributi <body style="background-color:#ff0000;"> ja volim informatiku

  9. Kako stranica postaje crvena? White: #ffffffBlack: #000000 (zeros)Red: #ff0000Blue: #0000ffGreen: #00ff00Yellow: #ffff00 <body style="background-color: red;">

  10. Koji elementi mogu da koriste atribute? • Neki atributi su “ukrojeni” za pojedine elemente, a neki – za veliki broj različitih elemenata. • Neki atributi mogu da sadrže jedan skup elemenata, drugi mnoge različite. • Vrlo su logični i laki za upotrebu

  11. Element Krajnji tag Startni tag Sadržaj Atribut Pravilo za atribute <h2 style="background-color:#ff0000;"> Moje druzenje sa HTML </h2>

  12. Linkovi – veze • Kako se kreiraju veze izmedju stranica? • Zašto nam je potrebno da to znamo? • Lokacija koja se otvara ne mora biti isključivo Web strana, već bilo koji dokument, slika, arhivirana datoteka, mul-timedijalni materijali i slično. • Koristimo jednostavan element sa jednim atributom za povezivanje svega sa svime.

  13. Linkovi – veze <a href="http://www.gimbab.edu.rs/">Veza na nas zvanican sajt!!!</a>

  14. Linkovi – veze • Linkovi na Web strani se prave pomoću <a> oznake (a je skraćeno od anchor - sidro). Atributi ove oznake su: • href - (hyperlink reference) koji označava lokaciju na koju se preusmerava Web pretraživač kada korisnik klikne na link. Ne zaboravite "http://" za punu adresu

  15. Linkovi – veze • Mogu se definisati veze unutara jedne stranice. • Sve što je potrebno je atribut id (identification) i simbol "#“ • Id atribut markira element ka linku: <h1 id="naslov1">Naslov 1</h1> • Sada je moguće kreirati link korišćenjem "#“ u atributu veze. "#“ mora da bude u paru sa id. <a href="#naslov1“ >Veza ka naslovu 1 </a>

  16. <html> <head> </head> <body> <a href="http://www.gimbab.edu.rs/">Veza na nas zvanican sajt!!!</a> <p><a href="#naslov1">Veza ka naslovu 1</a></p> <p><a href="#naslov2">Veza ka naslovu 2</a></p> <h1 id="naslov1">naslov 1</h1> <p>Text text text text</p> <h1 id="naslov2">Naslov 2</h1> <p>Text text text text</p> </body> </html>

  17. Linkovi – veze Još neki atributi • Za kreiranje linkova href atribut je obavezan • Mogu se staviti i naslovi na link: <a href="http://www.gimbab.edu.rs/" title=“Posetite najbolju školu na svetu">Gimnazija Vuk Karadzic Babusnica</a> • Atribut naslova se koristi za kratak opis linka.

  18. Linkovi – veze • target – označava na koji način će se otvoriti link. Ako ne navedete ovaj atribut, podrazumevano je da će nova strana da se otvori u istom prozoru (ili kartici) i zameniti Web stranu na kojoj je link. Ako želite da se strana na koju ukazuje link otvori u novom prozoru (ili kartici) Web pretraživača, navedite ovaj atribut i postavite njegovu vrednost na "_blank". • Na primer, ako želimo da postavimo link ka matičnoj strani Microsoft-a i da ga otvorimo u novom prozoru (ili kartici) Web pretraživača, HTML kod bi izgledao ovako: • <a href="http://www.microsoft.com" target="_blank">Link za Microsoft Web sedište</a>

More Related