Centar za edukaciju-BiH



#1 09.12.2010 20:32
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Pisanje HTML-a
Html mozete pisati u notepadu napr ali ako niste dobar znalac vjerovatno cete praviti mnogo gresaka.
Dovoljno je samo naznaciti exstenziju HTML.
Znaci vas file bi se zvao NekoIme.html.
Bolje bi bilo skinuti neki HTML editor. Vecina njih ima dosta pomagala a i lakse je naci gresku.
Ja predlazem EasyHtml besplatan je i mozete ga skinuti ovdje...

Za pokretanje Html datoteke nije vam nista potrebno sem nekog browsera kojeg sigurno imate.

Slijedi nastavak.
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#2 10.12.2010 20:05
arax Van mreze
Administrator
Registrovan od:04.02.2009
Postovi:987


Predmet:Re: Pisanje HTML-a
Skinuo slijedi test.
Ćutanje je zlato. Kad bi svi ćutali svijet bi ostao bez napretka.
↑  ↓

#3 10.12.2010 20:53
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Re: Pisanje HTML-a
Osnovne HTM tagove imate na ovoj stranici:
UVOD U HTML

PreuzmiIzvorni kôd (HTML):
  1. Kako poceti pisati HTM?
  2. <META NAME="generator" CONTENT="toniarts easyhtml v.2.4">
  3. <TITLE>Moja prva stranicae</TITLE>
  4. </HEAD>
  5. <H1> Ovdje je vas tekst koji se vidi na stranici</H1>
  6.  
  7. </BODY>
  8. </HTML>

Kako vidite vasa stranica mora pocinjati sa tagom <HTML> a zavrsava se zatvaranjem ovog taga </HTML>

Nas rad koji je vidljiv na stranici nalazi se izmedju taga <BODY> i njegovog drugog dijela za zatcaranje </BODY>
Znaci sve sto bude napisano izmedju ova dva taga bit ce vidljivo na stranici.

slijedi nastavak...
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#4 12.12.2010 20:46
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Re: Pisanje HTML-a
Da jos jednom napomenemo. Svaki otvoreni tag mora biti i zatvoren isto kao zagrade u matematici.
Gdje je tag zatvoren tu je zavrsetak dejstva tog taga. Zatvoreni tag razlikuje se od otvorenog samo sto ima jos pored oznake i kosu crtu '/ '.
Postoje neki tagovi koji nisu obavezni imati zatvoreni tag.
Pored ovoga imamo i takozvani css. Css moze biti zaseban fajl i tada mora imati ekstenziju css.
Primjer:
dizajn.css

Pored ovoga osobine objekata (css) mozemo pisati i na vrhu html-a izmedju tagova <head>.
Primjer:
PreuzmiIzvorni kôd (HTML):
  1.   <title>My first styled page</title>
  2.   <style type="text/css">
  3.   body {
  4.     font-family: Georgia, "Times New Roman",
  5.           Times, serif;
  6.     color: purple;
  7.     background-color: #d8da3d }
  8.   h1 {
  9.     font-family: Helvetica, Geneva, Arial,
  10.           SunSans-Regular, sans-serif }
  11.   </style>
  12. </head>
  13.  
Nastavit ce se...
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#5 12.12.2010 22:07
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Re: Pisanje HTML-a
Kao sto je navedeno css moze biti pohranjen i u drugi fajl.
Ta se datoteka veže uz svaki HTML dokument:
Primjer:
PreuzmiIzvorni kôd (HTML):
  1. <head>
  2. <link rel=stylesheet" href="mojistilovi.css" type="text/css">
  3. </head>
Ovo je najprikladniji način za definiranje stila u skupu stranica na jednom web-sjediÅ¡tu (site).

VEZANI STILOVI
Su oni koji se nalaze u nekoj datoteci napr. mojistilovi.css :
Peimjer css datoteke:
PreuzmiIzvorni kôd (HTML):
  1. table.nav
  2. {
  3. background:aqua
  4. }
  5. table.rest
  6. {
  7. background:yellow;
  8. text-align:center;
  9. color:black}
  10. a:link
  11. {
  12. color:red;
  13. text-decoration:none;
  14. }
Umjesto naziva .css datoteke "mojistilovi" može se
dakako koristiti proizvoljan naziv.

slijedi nastavak...
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 2 puta. Posljednja izmjena 12.12.2010 22:14 od strane zxz. ↑  ↓

#6 14.12.2010 20:02
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Re: Pisanje HTML-a
LINIJSKI STILOVI
ugranuju se u ciljani tag i definiraju željeni stil pisma, podloge i dr. unutar toga taga, dakle služe za
lokalno mijenjanje manjeg broja stilskih obilježja. Primjer:

PreuzmiIzvorni kôd (HTML):
  1. <table style="background:aqua" width="100%">
  2.  
  3. <table style="background:yellow; text-align:center;
  4. color:black" width="100%">

Na žalost razni web-pretraživači ne reagiraju jednako na različita stilska obilježja, pa se izgled
stranice prije objavljivanja treba provjeriti u najvažnijim pretraživačima.
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#7 28.12.2010 21:00
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Re: Pisanje HTML-a
OBLIKOVANJE TEKSTA
Izvorni parametri normalnog teksta su Times New Roman veličine 12.

stilska obilježja teksta
background boja pozadine stranice
color boja teksta
font-family vrsta fonta
font-size veličina fonta u točkama, postotak veličine drugog

taga ili xx-small do xx-large
font-style normal ili italic
font-weight extra-light ili extra-bold
text-align left, right, center ili justify
text-decoration underline, overline, strikethrough i none
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#8 28.12.2010 21:01
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Re: Pisanje HTML-a
STILOVI ZA LINKOVE

a:link namjeÅ¡ta izgled neposjećene hiperveze
a:visited namjeÅ¡ta izgled posjećene hiperveze
a:active namjeÅ¡ta izgled hiperveze za vrijeme učitavanja cilja
a:hover izgled hiperveze kada je pokazivač iznad nje
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
↑  ↓

#9 28.12.2010 21:02
zxz Van mreze
Administrator
Registrovan od:03.02.2009
Postovi:10,610


Predmet:Re: Pisanje HTML-a
TABELE
Osim prikaza grupe podataka, tabele se u HTLM-u koriste i za pozicioniranje ostalih sadržaja, čije
pozicioniranje se inače dosta teÅ¡ko kontrolira. Nad tabelama HTLM-a ne mogu se izvoditi matematske
operacije. Na Internet enciklopediji (wikipedija) mogu se koristiti tagovi desno.
Ignoriraju se: razmaci veći od 1 znaka, prazni redovi i uvlake (koriste se za organiz. sourcea)

Osnovni tag koji označava početak i kraj tablice je:
<table>Sadržaj tablice</table>
Sadržaj tablice stavlja se unutar taga kojim se definira jedno polje tablice:
<td> Sadržaj polja </td>
Tablica ne mora sadržavati <th> tag, ali mora sadržavatii bar jedan <td> tag, u koji ćemo staviti
sadržaj tablice.

Redovi tablice definiraju se pomoću taga:
<tr> <td> Sadržaj polja </td> <td> Sadržaj polja </td> ... </tr>
Unutar njega se umeću <td> ili <th> tagovi koji defeniraju polje tablice sa odgovarajućim sadržajem.
Napomena:
Ako smo tekstu van tablice upotrebom <font> taga dodijelili neki font različit od default fonta, u Internet Exploreru će se ovaj tag odnositi i na tekst u poljima tablice. U Netscape Navigatoru će tekst u tablici biti prikazan u default fontu. Da bi i Netscape Navigator tekst u tabeli prikazao u željenom fontu moramo u svako polje posebno ubaciti <font> tag.

Po default-u tablice nemaju graničnu liniju (border). Da bi dodijelili naÅ¡oj tabeli graničnu liniju odgovarajuće debljine, u <table> tag se stavlja atribut border, a vrijednost debljine linije zadaje se u pikselima.
Podrška samo putem foruma, jer samo tako i ostali imaju koristi od toga.
Ovaj post je ureden 1 puta. Posljednja izmjena 28.12.2010 21:09 od strane zxz. ↑  ↓

Stranice (1):1


Sva vremena su GMT +01:00. Trenutno vrijeme: 12: 58 pm.