LV6.

LV6. HTML stilovi, poveznice i slike

Petar Lovaković i Filip Marangunić 3.a

Priprema

1. Na koje se načine u HTML-u mogu naznačiti boje (navedite bar tri različita načina)? Navedite pet različitih imena boja.

2. Što znači kratica CSS? Za što se koristi CSS?

3. Kako se koristi „inline“ CSS? (pomoć: https://www.w3schools.com/html/html_css.asp )

4. Što su poveznice? Koje vrste poveznica znate?

U HTML-u se boje mogu naznačiti na nekoliko različitih načina:

a. Pomoću imenovanih boja: Možete koristiti imenovane boje kao vrijednost atributa color ili background-color. Primjeri pet različitih imenovanih boja:

Crvena: red
Plava: blue
Zelena: green
Žuta: yellow
Crna: black

b. Pomoću heksadecimalnog koda: Boje se mogu predstaviti pomoću heksadecimalnog koda, koji se sastoji od šest znakova (0-9 i A-F) i označava crvenu, zelenu i plavu komponentu boje. Na primjer, #FF0000 predstavlja crvenu boju, #00FF00 predstavlja zelenu boju, a #0000FF predstavlja plavu boju.

c. Pomoću RGB vrijednosti: Možete koristiti RGB (Red, Green, Blue) vrijednosti za određivanje boje. Svaka komponenta (crvena, zelena i plava) ima vrijednost između 0 i 255. Na primjer, rgb(255, 0, 0) označava crvenu boju, rgb(0, 255, 0) označava zelenu boju, a rgb(0, 0, 255) označava plavu boju.

Kratica "CSS" označava "Cascading Style Sheets." CSS se koristi za definiranje izgleda i stilizaciju web stranica napisanih u HTML-u. To uključuje postavljanje boja, fontova, pozadinskih slika, rasporeda elemenata, veličine, marginama, paddingom i mnogim drugim stilskim svojstvima web stranice. CSS omogućava odvajanje sadržaja (HTML) od stila i izgleda, što olakšava održavanje i prilagodbu web stranica.

Ugrađeni CSS koristi se za primjenu jedinstvenog stila na jedan HTML element. Inline CSS koristi atribut stila HTML elementa.
Poveznice su interaktivni elementi na web stranicama koji omogućavaju korisnicima da prelaze s jedne web stranice na drugu, ili unutar iste web stranice, tako da jednostavno kliknu na određeni tekst, sliku ili drugi element. Poveznice su ključni elementi weba i omogućuju navigaciju i povezivanje različitih dijelova internetskog sadržaja. Vrste poveznica koje znamo su: hiperpoveznice, unutarnje poveznice, vanjske poveznice, ankorske poveznice, relativne i apsolutne poveznice, slike s poveznicama i poveznice na preuzimanje.

Vježba

zadatak

<!DOCTYPE html>

<html>

<body>

<h1>Pekmez + Godišnja doba</h1>

<h1>Prednosti Nutelle:</h1>

<p>Jako ukusna.

<br>Predivne teksture i močnoga izgleda.

<br>Bogata okusom čokolae i lješnjaka.

<br>Pristupačne cijene.</p>

<h1 style="color:white; background-color:black;">Nedostatci Nutelle: </h1>

<p style="color:white; background-color:black;">Nutella nema nedostaka, savršena je!</p>

<h1 style="border:3px Orange;background- color:Yellow;color:orange;">LJETO</h1>

<h1 style="border:3px lightbrown;background-color:brown;color:lightcyan;">JESEN</h1>

<h1 style="border:3px lightgreen;background-color:green;color:brown;">PROLJEĆE</h1>

</body>

</html>

2. i 3. zadatak

HTML Kod:

<!DOCTYPE html>

<html>

<body>

<h1>Znamenitosti</h1>

<p>Zagreb je glavni grad Republike Hrvatske i najveći grad u Hrvatskoj po broju stanovnika. Grad Zagreb je kao glavni grad Hrvatske posebna teritorijalna, upravna i samoupravna jedinica. Šire područje grada okuplja više od milijun stanovnika. Povijesno gledajući, grad Zagreb izrastao je iz dvaju naselja na susjednim brežuljcima, Gradeca i Kaptola, koji čine jezgru današnjega grada, njegovo povijesno središte (Gornji i dio Donjega Grada). Nalazi se na jugozapadnomu rubu Panonske nizine na prosječnoj nadmorskoj visini od 122 m, podno južnih padina Medvednice, na lijevoj i desnoj obali rijeke Save. Položaj grada, koji je na mjestu spajanja alpskog, dinarskog, jadranskog i panonskog područja, omogućio je Zagrebu postati most između srednjoeuropskoga i jadranskoga područja. Jedini je glavni grad u svijetu koji počinje na slovo Z. Uz Beč, jedini je europski glavni grad s vlastitom vinskom cestom (otvorena 2009.[3]) Također, jedini je europski glavni grad sa skijalištem. Prema podatcima iz 2020. u Zagrebu živi 809 268 stanovnika.[4] Kao najveći i glavni grad, Zagreb je kulturno, znanstveno, gospodarsko i upravno središte Republike Hrvatske i Zagrebačke županije. Sjedište je Zagrebačke nadbiskupije. Zahvaljujući ulozi najvećega prometnoga središta u Hrvatskoj, razvijenoj industriji s dugom tradicijom i znanstvenim i istraživačkim ustanovama, Zagreb je gospodarski najrazvijeniji grad u Hrvatskoj.</p>

<br>

<a href="http://www.zg-nadbiskupija.hr/katedrala/povijest" target="_blank">Nadbiskupija</a>

<br>

<br>

<a href="https://park-maksimir.hr/">Park Maksimir</a>

<br>

<br>

<br>

<br>

<br>

<br>

<a href="https://www.sportskiobjekti.hr/default.aspx?id=98" target="_blank">Jarun</a>