100 likes | 273 Views
Uvod u xhtml. Linkovi i tablice. Linkovi ( anchor ). Najosnovniji: <a href =„http://www.google.hr /” > Ovo je link </a> Dodatni atributi: title= „miš je iznad linka” ( tooltip ) target =„_ blank ” (otvara link u novom tab -u). Linkovi ( anchor ) - fragmenti.
E N D
Uvod u xhtml Linkovi i tablice
Linkovi (anchor) Najosnovniji: <ahref=„http://www.google.hr/” > Ovo je link </a> Dodatni atributi: • title=„miš je iznad linka” (tooltip) • target=„_blank” (otvara link u novom tab-u)
Linkovi (anchor) - fragmenti • linkovi na istu stranicu • IZVORIŠTE: <ahref=„#ime_fragmenta”> nešto </a> • ODREDIŠTE: <aname=„ime_fragmenta”></a> • odredište ne treba sadržaj
Linkovi (anchor) – e-pošta • za adrese e-pošte <a href=„mailto:fakultativna@gmail.com”>Mejl</a> • klikom na link otvara se preglednik elektroničke pošte
Tablice –osnovne oznake • opisna oznaka za tablice je: <table> </table> • opisna oznaka retka tablice je: <tr> </tr> (eng. table row) • opisna oznaka ćelije je: <td> </td> (eng. table data)
Tablice-primjer <table> <tr> <td>prvi redak prvi stupac</td> <td>prvi redak drugi stupac</td> </tr> <tr> <td>drugi redak prvi stupac</td> <td>drugi redak drugi stupac</td> </tr> </table>
Tablice – dodatne oznake • za zaglavlje tablice postoje opisna oznaka: <th> </th> (eng. table header) samo kao sadržaj <tr> oznake, sadržaj je podebljan i centriran • za naslov tablice koristi se: <caption> </caption> sadržaj <table> oznake
Tablice – atributi • za <th> i <td>: <th colspan=„2” > </th> broj stupaca kroz koje se proteže ćelija • <table border=„1” > </table> debljina tablice u pikselima • ostali atributi za <table>: width=„100%” tablica se prilagođava prema veličini prozora, uvijek se 100% prikazuje
Tablice – atributi • width=„broj_piksela” (širina tablice u pikselima) • cellpadding=„broj_piksela” (razmak između granice ćelije i podatka) • cellspacing=„broj_piksela” (razmak između ćelija tablice)