Do you speak HTML?

Do you speak HTML?
Uvod u HTML – jezik za opis web stranica
Radionica – voditeljica Kristina Novak

Cernik, 27. 11. 2013.

ŠKOLSKI WEB – „IZNUTRA”

WEB STRANICA – današnji rad –
„IZVANA”

WEB STRANICA – današnji rad –
„IZNUTRA”

HTML kod

<oznake>

atributi

˝vrijednosti
atributa˝

<oznaka atribut=˝vrijednost_atributa˝>

</kraj_oznake>

Osnovi HTML kod
<html>
<head>
zaglavlje – naslovi, jezik stranice
</head>
<body>
tijelo – sadržaj stranice
</body>
</html>

PISANJE TEKSTA
<body> tekst </body>

<html>
<head>
</head>
<body>
Ovo je moja prva web stranica pisana HTML
kodom.
</body>
</html>

PODEBLJAVANJE SLOVA
 tekst 

<html>
<head>
</head>
<body>
Ovo je moja prva web stranica pisana
HTML kodom.
</body>
</html>

UKOŠAVANJE SLOVA
 tekst 

<html>
<head>
</head>
<body>
 HTML kodom. 
</body>
</html>

PODCRTAVANJE SLOVA
 tekst 

<html>
<head>
</head>
<body>
 HTML kodom. 
</body>
</html>

<html>
OBLIKOVANJE SLOVA - boja
 tekst 
<head>
</head>
<body>
 Ovo je moja prva web
stranica pisana HTML kodom. 


</body>
</html>

<html>
PRIJELOM RETKA
 
<head>
</head>
<body>
 Ja se zovem Kristina. 

</body>
</html>

<html>
OBLIKOVANJE SLOVA - veličina
 tekst 
<head>
</head>
<body>
 Ja se zovem
Kristina. Ovo je moja prva web stranica
 pisana HTML kodom. 

</body>
</html>

OBLIKOVANJE SLOVA - font
<html>
 tekst
<head>

</head>
<body>
 Ja
se zovem Kristina. Ovo je moja prva 
web stranica pisana HTML kodom.
 

</body>
</html>

<html>
ODLOMCI
<head>
 tekst 
</head>
<body>
 Ja
se zovem Kristina. Ovo je moja prva web
stranica pisana HTML kodom. 

 
 Idem u OŠ „Matija Gubec” Cernik. 
</body>
</html>

<html>
PORAVNANJE ODLOMKA
<head>
 tekst 
</head>
<body>
 Ja se zovem Kristina. Ovo je
moja prva web stranica pisana 
HTML kodom. 
 
 Idem u OŠ „Matija Gubec”
Cernik. 
</body>
</html>

<html>
BOJA POZADINE STRANICE
<head>
<body bgcolor=˝silver˝>
</head>
face=˝Verdana˝> Ja se zovem Kristina. Ovo je
moja prva web stranica pisana 
HTML kodom. 
 
 Idem u OŠ „Matija Gubec”
Cernik. 
</body>
</html>

NASLOVNA TRAKA - KARTICA
<html>
<title>tekst</title>
<head>
<title>Dobrodošli!</title>
</head>
face=˝Verdana˝> Ja se zovem Kristina. Ovo je moja
prva web stranica pisana HTML kodom.
 
 
 Idem u OŠ „Matija Gubec” Cernik.

</body>
</html>

POVEZNICA - HIPERVEZA
<html>
<a href=˝http://www...˝>tekst</a>
<head>
</head>
face=˝Verdana˝> Ja se zovem Kristina. Ovo je moja
prva web stranica pisana HTML kodom.
 
 
Posjetite je na <a href=˝http://www.os-matijagubec.hr/˝>webu. </a> 
</body>
</html>

UMETANJE SLIKE
<html>
<img src=˝ime_slike.jpg˝>
<head>
</head>
 
Ja se zovem Kristina. Ovo je moja prva web stranica
 
 <img src=˝skola.JPG˝>

</body>
</html>

Zadatak: Oboji tekst u drugom odlomku
<html>
po želji. Promijeni veličinu i vrstu slova.
<head>
</head>
 
Ja se zovem Kristina. Ovo je moja prva web stranica
 

</body>
</html>

<html>
<head>

Rješenje

</head>
 Ja se
zovem Kristina. Ovo je moja prva web stranica pisana
 
 Idem u
OŠ „Matija Gubec” Cernik. Posjetite je na <a href=˝http://www.osmatija-gubec.hr/˝>webu. </a> 
 <img src=˝skola.JPG˝> 
</body>
</html>

<html>
<head>
<meta http-equiv=˝Content-Type˝ content=˝text/html˝
charset=˝windows-1250˝>
</head>
 Ja se
zovem Kristina. Ovo je moja prva web stranica pisana
 
 Idem u OŠ „Matija Gubec” Cernik. Posjetite je na
<a href=˝http://www.os-matija-gubec.hr/˝>webu. </a> 

</body>
</html>

KODNA STRANICA
<meta ...>

A sada malo samostalnog
kodiranja....
Dodajte na stranicu po želji tekst,
sliku i oblikujte ih...

Do you speak HTML?

Recommended

Recommended

More Related Content

What's hot

What's hot (6)

More from Pogled kroz prozor

More from Pogled kroz prozor (20)

Do you speak HTML?