1 / 34

HTML ( H yper T ext M arkup L anguage ) – 1. deo

HTML ( H yper T ext M arkup L anguage ) – 1. deo. HTML tagovi

audrey-salinas
Download Presentation

HTML ( H yper T ext M arkup L anguage ) – 1. deo

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 (HyperText Markup Language) – 1. deo HTML tagovi HTML funkcioniše u veoma jednostavnom i veoma logičnom formatu. HTML čita odozgo nadole, s leva na desno. HTML je pisan TEKST-om. Svi tagovi su istog formata. Oni uvek počinju sa znakom za manje: < i završavaju se sa znakom za veće >. Ono što se piše izmedju < i > je tag. Osnovni element (tagovi) u .htm dokumentu je: <HTML> </HTML>

  2. Većina tagova zahteva i početni i završni tag. Evo nekoliko primera kako tagovi utiču na tekst:

  3. Uvek se početni tagovi pišu istim rasporedom kao i završni tagovi.  Npr: <B><I><TT>Tekst Tekst</TT></I></B> Bold tagovi su na krajevima koda, sledeći tag je italic i konačno typewriter tagovi su i na početku i na kraju najbliže tekstu pod efektom.

  4. Od raspoloživih HTML tagova najviše je onih koje moraju imati i početni i završni tag, ali postoje i tagovi koji stoje samostalno. Često korišćeni tagovi su:

  5. ElementiHEAD i TITLE Element HEAD je mestogde se postavljasvešto je neophodnozaprikazivanjedokumenta i performanse tog prikazivanja. Ovaj element se u prozorupretraživača ne prikazuje. DeoHEADpočinjeotvaranjemoznakeHEAD u gornjemdelušablona, odmahispodotvoreneoznake<HTML>:

  6. <HTML> <HEAD> </HEAD> </HTML> Element HEAD ne sadrži nikakve atribute, većjednostavno ima oznake za otvaranje i zatvaranje. Ovim se označava region zaglavlja.

  7. Elementi u delu HEAD dokumenta:

  8. Element TITLE Element TITLE je jedini element koji je obavezan u zaglavlju. Ovaj element pokazuje tekst koji se tu unese u liniju naslova pretraživača (title bar): <TITLE>Osnove HTML-a</TITLE> Ovde nema informacija od posebnog značaja. Iako je tehnički zahtev da naslov mora da postoji zadovoljen, upotreba je limitirana.

  9. Element META Element meta se može koristitizaopisključnih reči, opissajta i definisanjeautora. Ovo je korisnokodjavnih mašinazapretraživanje, kao i za mašinezapretraživanjekoje sueventualnopostavljenenasajtu. Ključne reči supojedinačne reči ilikombinacija reči, koje se mogukoristititokompretraživanja: <META NAME=”keywords” CONTENT=”osnove, osnove html, poslovna, poslovnainformatika, smerstatistika i informatika, ekonomskifakultetposlovnainformatika”/>

  10. Element BODY Element BODY je mestogde se postavljasadržajdokumenta. Strukturasadržaja se definiše pomoću HTML-a. Ovaj element se nalazi u okviruelementaHTML i ide direktnoispodelementaHEAD:

  11. <HTML> <HEAD> <TITLE>Neki tekst ovde napisati</TITLE> </HEAD> <BODY> </BODY> </HTML> Kada se ova strana prikaže u pretraživaču, prikazuju se samo informacije koje se nalaze unutar elementa BODY. To je tzv. prikaz.

  12. Primer: <HTML> <TITLE> Mojaprva html stranica</TITLE> <B>Ovo je mojaprva HTML stranica</B><P> Mogu da pisem u <I>Italic</I> ili <B>Bold</B> stilu<BR> <HR> <B><I>ili u obaistovremeno</I></B><BR> <HR> <TT>...to je sve</TT> </HTML>

  13. Heading komande (upotreba zaglavlja) Heading komande se često koriste u kreiranju HTML stranica. Koriste se u definisanju naslova na strani. Postoji šest(6) heading komandi od <H1> do <H6>.<H1> je najveća, a <H6> najmanja. <H1>Ovo je Heading 1</H1> <H2>Ovo je Heading 2</H2> <H3>Ovo je Heading 3</H3> <H4>Ovo je Heading 4</H4> <H5>Ovo je Heading 5</H5> <H6>Ovo je Heading 6</H6>

  14. Komande za veličinu fonta Komande za kontrolisanje veličine fonta su <FONT SIZE> komande. Postoji sedamdostupnih komandi: Od 1 do 7. Najveći font je 7; 1 je najmanji. Primer: <FONT SIZE="6">Ovo je 6</FONT> <FONT SIZE="4">Ovo je 4</FONT> <FONT SIZE="2">Ovo je 2</FONT> <FONT SIZE="1">Ovo je 1</FONT>

  15. Atribut (karakteristika, osobina, svojstvo) komanda se uvek upisuje posle znaka ’jednako’, unutar znaka navodnika. <FONT SIZEje komanda =“4”je atribut>

  16. Centriranje teksta Inicijalno tekst koji koji se unosi, uvek će biti na levoj strani osim ako se ne unesu komande za drugačije pozicioniranje. Tekst se može pozicionirati na sredini i u desnom delu stranice. Centriranje teksta se postiže pomoću tagova: <CENTER> i </CENTER>

  17. <CENTER>  Tekstizmedjuovedvekomandeće bitinasredinistranice  </CENTER>

  18. Pasusima se upravlja pomoću elementa paragraph, koji se opisuje otvorenom i zatvorenom oznakom <P>…</P>. Ali se koristi i za pozicioniranje teksta udesno: <P ALIGN="right">Tekstizmedjuovihkomandicebitidesno</P>

  19. Redovi sa tekstom u pasusima se prelamaju u skladu sa veličinom prozora pretraživača i ponašaju se u skladu sa prostorom na raspolaganju, sve do kraja pasusa. Dakle, <P> </P>tag služi za pravljenje novog pasusa, a prelom rečenice ili prebacivanje u nov red pravi se pomoću taga <BR></BR>.

  20. Komanda&nbspsluži zastavljanjepraznogpolja (razmaka) između reči. Kadaizmeđu reči ilinekihdrugihelemenataželimo da postavimoviše od jednograzmaka, onda: <H4>Razmaka moze biti&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;puno</H4> Što više &nbsp;komandi se postaviizmeđu reči,razmakće bitiveći.

  21. Vrednosti za srpska slova:

  22. Da bi se naHTMLstranicipojavila, npr., reččešće u Notepadutrebanapisati &#269;e&#353;&#263;e Srpskaslovanisupouzdanopodržana u HTML-u, ali je ovorešenjesvakakopouzdanijenegokucatisrpskaslovasatastature.

  23. Uređeneliste Uređenalista je listasastavkamakojeiduodređenim redosledom. To subrojčaneliste. Zakreiranjeuređenelisteobaveznasudvaelementa. Prvi je <ol>..</ol> (ordered list-uređenalista), a drugi je <li>…</li> (list item- stavkaliste): <ol> <li>Prvastavka</li> <li>Drugastavka</li> </ol>

  24. Neuređeneliste Neuređenelistesulistebezbrojeva, saunesenimnekimposebnimkarakterimaumestobrojeva. Neuređenalistaradipotpunoistokaouređenalista, ali se umestoelementa<ol>, koristi element <ul>(unordered list)…</ul>.

  25. Ova oznaka omogućava pretraživaču da stavke prikazuje sa posebnim karakterima umesto brojeva. <ul> <li>Prvastavka</li> <li>Drugastavka</li> </ul>

  26. Boja fonta Za promenu boje fonta potrebno je: 1. Komanda za promenu fonta. 2. Boja (hex) kôd. Kodovi za boje se drugačije zovuhex kodovi.

  27. Deo hex oznaka za boju:

  28. ... itd ...

  29. Promenabojetekstana linkovima <BODY ALINK="#kod"> -- Ovomkomandom se menjabojafontakada se kliknena link. <BODY VLINK="#kod"> -- Ovomkomandom se menjabojatekstualnoglinkakastranicikoja je već posećena.  Umesto reči "kod" stavlja se hex kôdboje. Moguće je umesto hex koda postaviti i naziv boje (red, blue,...).

  30. Ovekomandećepromenitibojupozadine i boju linkova i trebaihsmestiti u okviru<BODY>komande: < BODY BGCOLOR="#kod" LINK="#kod" VLINK="#kod"> Kada se pišu ovekomandeuvektrebastaviti#znak pre nego se napiše hex kôd. Takodje hex kôdtreba da bude pod znacimanavoda: <LINK="#FFFFFF">

  31. Promenabojefonta Ukolikoželimo da promenimobojufonta, tadatrebakoristiti hex kôdkako bi promenili boju: <FONT COLOR="#kod">tekstna koji utice ovaj tag</FONT> Takodje, hex kodoviće funkcionisatisaHkomandamakao i sakomandamazaveličinufonta.

  32. Promena fonta Menjanje izgleda fonta. Primeri: <FONT FACE="arial">Ovo je arial font</FONT> <FONT FACE="algerian">Ovo je algerian font</FONT> <FONT FACE="courier">Ovo je courier font</FONT> <FONT FACE="modern">Ovo je modern font</FONT> <FONT FACE="impact">Ovo je impact font</FONT>

More Related