POSTUPAK IZRADE INTERNET STRANICE POMOĆU HTML JEZIKA
OVO SMO RADILI U ŠKOLI
1. Formirajte folder na desktopu
2. U njega kopirajte sliku (slike) koje želite da postavite na vašu veb stranicu.
3. Otvorite program NotePad (i ne zatvarajte ga dok menjate vašu veb stranicu)
4. Fajl u NotePad-u sačuvajte u vašem folderu. Dajte mu nazim u polju File Name index.html
5. Tako sačuvan fajl u vašem folderu će imati ikonicu Google Chrome ili nekog drugog brauzera. OTVORITE GA U BRAUZERU I PRATITE IZMENE VAŠE VEB STRANICE.
6. U Note Pad faj kucate HTML kod, sa Save ga sačuvate, a brauzer refrešujete i vidite koju su se izmene dogodile na vašoj veb stranici.
7.
<! -- tekst -- > je objašnjenje šta koja linija radi u HTML kodu, KOMENTARI.
<HTML> <!--Svaki HTML dokument mora biti oivicen -->
<HEAD> <!--Zaglavlje dokumenta -->
<TITLE>Moj prvi dokument!</TITLE> <!-- TITLE Naslov HTML dokum. koji se obično ispisuje na naslovnoj liniji -->
</HEAD>
<BODY> <!-- Oznacava telo dokumenta -->
<BR> <!--Prelazak u novi red -->
<H1 ALIGN="CENTER">Dobro dosli u Novi Sad</H1> <!--Nivo naslova , može biti od H1 do H6-->
<BR>
<HR> <!-- Horizontalna linija-->
<!-- P Definise granice pasusa u tekstu-->
<P ALIGN="CENTER">Izreka kaze da je u Novom Sadu,<BR>
zbog tradicionalnog gostoprimstva, nadaleko cuvenog gurmanluka, obilja hrane, dobrog vina, muzike i mnogih restorana - najteze biti gost!
<BR>
<IMG SRC="1.jpg"> <!--Koristi se za smestanje slike, znači da imate u vašem folderu sliku 1.jpg i nju postavlja na veb stranicu -->
</P>
<HR> <!-- Horizontalna linija-->
</BODY>
</HTML>
OVIM KODOVIMA MOŽETE DA IZMENITE I DOPUNITE VAŠU VEB STRANICU
POGLEDAJTE SLEDEĆE TUTORIJALE:
https://www.youtube.com/watch?v=Su-eZmi_cIA
https://www.youtube.com/watch?v=V-4iFf0vkfU&ab_channel=videoupute
1. Kako postaviti link na neki tekst.
<a href=https://www.google.com/>Moj prvi link </a>
2. Kada želite da nabrajate tekst koristite liste.
Lista bez redosleda – koristi tačkice ispred nabrajanja.
<UL>
<LI>PRVI</LI>
<LI>DRUGI</LI>
<LI>TRECI</LI>
</UL>
Lista sa redosledom – koristi 1,2,3...
<OL>
<LI>jedan</LI>
<LI>dva</LI>
<LI>tri</LI>
</OL>
3. Kako obojiti stranicu. Kod taga <BODY> stavljate odgovarajući atribut
<body bgcolor="yellow">
ili
<body style="background-color:powderblue;">
Probajte da stavite neku drugu boju i uočite šta će se desiti.
4. Ako želite da menjate tekst, boja font, pozadinska boja, veličina slova: (Ovo pod 4 ću vam ostaviti vidljivo, ne morate da učite napamet)
<h1 style="background-color:DodgerBlue;">Hello World</h1> Boja ispod teksta
<h1 style="color:blue;">This is a heading</h1> Boja teksta
<p style="color:red;">This is a paragraph.</p>
<h1 style="font-size:300%;">This is a heading</h1> Veličina slova
<p style="font-size:160%;">This is a paragraph.</p>
<h1 style="font-family:verdana;">This is a heading</h1> Font slova
<p style="font-family:courier;">This is a paragraph.</p>
<h1 style="text-align:center;">Centered Heading</h1> Poravnanje
<p style="text-align:center;">Centered paragraph.</p>
<h1 style="border:2px solid Tomato;">Hello World</h1> Okvir teksta
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>
<b> - Bold text
<strong> - Important text
<i> - Italic text
<sub> - Subscript text
<sup> - Superscript text
<b>This text is bold</b>
Boje možete da vidite na stranici https://www.w3schools.com/html/html_colors.asp
5. Ako vam je slika koju ste stavili na vašu stranicu prevelika možete da je smanjite pomoću odgovarajućih atributa za sliku.
<img src="1.jpg" width="500" height="600">
6. Želite da centrirate sliku:
<center>
<img src="1.jpg" width="500" height="600">
</center>
7. Želite da proučavate HTML jezik, to možete da uradite na sajtu:
https://www.w3schools.com/html
Za one koji žele da nauče više:
8.
<HTML>
<HEAD> <TITLE>Tripleti boja</TITLE></HEAD>
<BODY>
<UL>Osnovne boje
<li><FONT COLOR="#FF0000">Crvena </FONT>
<li><FONT COLOR="#FFFF00">Zuta </FONT>
<li><FONT COLOR="#0000FF">Plava </FONT> </UL>
<UL>Sekundarne boje
<li><FONT COLOR="#FFA500">narandzasta </FONT>
<li><FONT COLOR="#008000">zelena</FONT>
<li><FONT COLOR="#EE82EE">violet (ljubicasta)</FONT>
</UL>
<FONT COLOR="#FFFFF">Belo </FONT> i <FONT COLOR="#000000">crno </FONT> se u slikarstvu ne smatraju
bojama<!--Bela je puna svetlost,zbir svih boja, a crna je potpuno odsustvo svetlosti-->
</BODY>
</HTML>