Klijentske web tehnologije

Vežbe | 2. termin

HTML

Slike

Kada prilikom parsiranja HTML-a browser naiđe na img tag on šalje HTTP zahtev na odgovarajuću adresu kako bo dobavio sliku.

Atributi:

• Izvor: src (http, lokalna slika),
• Alternativni tekst: alt
• Dimenzije: height, width

Lokalna

Dobavlja se sa iste adrese odakle je dobavlje i HTML fajl.

<img src="./relativna/putanja/slike.jpg">

Remote

Dobavlja se sa neke druge adrese koja je eksplicitno navedena.

<img src="http://...">

• Kombinacije tagova (img u a tagu)

Tabele

Tagovi

• table
• table row (tr)
• table data (td)
• table header (th)
  • headeri u prvom redu
  • headeri kao prva celija u svakom redu

Atributi

• rowspan
• colspan
• cellspacing
• cellpadding

Sekcije tabele

• thead
• tfoot
• tbody

U Inspector-u web browsera se lepo mogu videti sekcije tabele.

IFrame

Učitavanje sadržaja (npr. druge web stranice) u okviru iframe elementa.

Atributi:

• Okvir: frameborder
• Veličina: width, height

Stranica (prilikom parsiranja)

<iframe src="https://imi.pmf.kg.ac.rs"></iframe>

Stranica (klikom na link)

<iframe name="imi"></iframe>
<a href="https://imi.pmf.kg.ac.rs" target="imi">Open IMI website here!</a>

YouTube klip

<iframe 
    width="560" height="315" 
    src="https://www.youtube.com/embed/fNk_zzaMoSs?si=Aus6x5DoKgq5TRra" 
    title="Vectors | Chapter 1, Essence of linear algebra" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
    allowfullscreen>
</iframe>

Specijalni znakovi

Sintaksa: &code;

Primeri:

• < = <
• > = >
• © = ©
•   = non-breaking space
• …

This site is open source. Improve this page.