Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
28
HTML
HTML STRUKTURA
<!DOCTYPE html>
<html>
<head>
<title>Moj blog</title>
</head>
<body>
<h1>Najugrozenije zivotinjske vrste</h1>
<p>Kada se govori o ugroženim vrstama, obično se pomisli na pande. Ipak,iako je panda ugrožena, ona ne spada u grupu najugroženijih...</p>
</body>
</html>
STRUKTURA
Osnovni elementi
Svi HTML dokumenti moraju poceti DOCTYPE deklaracijom:
<!DOCTYPE html>
Ovaj doctype opisuje web stranicu kao HMTL5 dokument.
Neposredno iza doctype dolazi <html> element. Unutar <html> elementa web stranica je podeljena u dva glavna dela: <head> i <body>
OSNOVNI ELEMENTI HTML STRUKTURE
HTML Elementi
Jedan HTML element se obicno sastoji iz otvarajuceg taga, zatvarajuceg taga i sadrzaja koji je umetnut izmedju otvarajuceg i zatvarajuceg taga:
<imetaga>sadrzaj upisan ovde...</imetaga
HTML element podrazumeva sve od otvarajuceg do zatvarajuceg taga
<p>My first paragraph.</p>
HTML atributi
Svi HTML elementi mogu imati atribute.
Atributi su dodatne informacije o nekoj osobini elementa koga blize odredjuju i opisuju.
Attributi se uvek smestaju u otvarajucem tagu.
Attributi obicno se javljaju u paru ime/vrednost kao na primer: ime="vrednost"
HTML ATRIBUTI
href atribut
HTML linkovi se vezuju <a> tagom, a atribut koji ih definise jeste href atribut
href atribut
primer:
<a href="https://www.nationalgeographic.rs/">Ovo je link</a>
SRC atribut
width i height atributi
HTML slike se definisu <img> tagom
Ime fajla zeljene slike koja treba biti postavljena odredjena je i upisuje se kao src atribut
HTML slike imaju atribute za sirinu i duzinu WIDTH i HEIGHT koje se zasnivaju na pikselima.
Tako da width="500" znaci da ce slika biti 500 piksela siroka
src atribut
<!DOCTYPE html>
<html>
<body>
<h2>Size Attributes</h2>
<p>Images in HTML have a set of size attributes, which specifies the width and height of the image:</p>
<img src="img_girl.jpg" width="500" height="600">
</body>
</html>
HTML STYLE ATRIBUT
Uredjivanje stila nekog elementa HTML-a vrsi se pomocu STYLE atributa
Sintaksa STYLE atributa izgleda ovako:
HTML STYLES
<tagname style="property:value;">
Background Color
Background-color definise boju pozadine nekog elementa
<!DOCTYPE html>
<html>
<body style="background-color:red;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Background Color
<!DOCTYPE html>
<html>
<body style="background-color:#F4D03F ;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
TEXT COLOUR
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
TEXT COLOUR
FONTOVI
FONTOVI
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
FONTOVI
<h1 style="font-size:300%;">Ovo je naslov</h1>
<p style="font-size:160%;">Ovo je paragraf</p>
VELICINA TEKSTA
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
<h1 style="text-align:left;">Centered Heading</h1>
<p style="text-align:left;">Centered paragraph.</p>
PORAVNANJE TEKSTA
<h1 style="text-align:right;">Centered Heading</h1>
<p style="text-align:right;">Centered paragraph.</p>