zxz 09.12.2010 21:32
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.

arax 10.12.2010 21:05
Predmet:Re: Pisanje HTML-a

Skinuo slijedi test.

zxz 10.12.2010 21:53
Predmet:Re: Pisanje HTML-a

Osnovne HTM tagove imate na ovoj stranici:
UVOD U HTML

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

zxz 12.12.2010 21:46
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):
  3.   <title>My first styled page</title>
  4.   <style type="text/css">
  5.   body {
  6.     font-family: Georgia, "Times New Roman",
  7.           Times, serif;
  8.     color: purple;
  9.     background-color: #d8da3d }
  10.   h1 {
  11.     font-family: Helvetica, Geneva, Arial,
  12.           SunSans-Regular, sans-serif }
  13.   </style>
  14. </head>
  15.  
Nastavit ce se...

zxz 12.12.2010 23:07
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...

zxz 14.12.2010 21:02
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.

zxz 28.12.2010 22:00
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

zxz 28.12.2010 22:01
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

zxz 28.12.2010 22:02
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.