Harti de imagini, Cadre, Stiluri
Image Maps Permit ca diferite zone ale unei imagini sa fie definite ca legaturi catre diferite obiecte Se definesc prin: Atributul usemap al tagului <img> (usemap=“#nume_harta”) Tagul <map> … </map>
Tagul <map> <map name=“nume”> <area shape=“?” coords=“?” href=“?” /> … </map>
Atributul shape Valori: “rect” “circle” “poly” “default”
Atributul coords coords=“100,200,200,400” Se dau in pixeli (0,0) = coltul stanga sus
Image Maps: diverse Alte atribute ale lui <area> Title=“text” Suprapunerea zonelor active
Cadre Permit afisarea mai multor documente html in ferestre diferite In loc de <body> … </body> <frameset …> <frame src=“?” /> … </frameset>
Frameset Impartirea pe verticala se face prin atributul cols Impartirea pe orizontala se face prin atributul rows Valori pt. cols si rows: nr. intreg de pixeli procente din fereastra parinte n* sau *
Frameset Etichetele <frameset> pot fi imbricate
Atribute pentru frameset si frame bordercolor (frameset, frame) border (frameset) frameborder (frameset, frame) scrolling (frame) noresize (frame)
Cadre in-line <iframe> … </iframe> Mosteneste atribute de la <frameset>, <frame>, <img>
Atributul target Este un atribut al tagului <a> si permite selectarea ferestrei, cadrului unde va fi afista legatura <a href=“…” target=“cadrul2”> … </a> … <frame name=“cadrul2” src=“…” />
Valori “magice” pentru target _self (in cadrul curent) _blank (fereastra noua) _parent (cadrul parinte) _top (fereastra principala a browser-ului)
Stiluri Grupeaza diverse atribute pt. Diferite obiecte (taguri) in special text Sintaxa: CSS (Cascading Style Sheets) JavaScript Sintaxa se specifica cu <meta http-equiv=“content-style-type” content=“text/css” />
Stiluri dedicate Se pun in <head> <style> selecor descriere </style> selector – un nume de tag descriere – {atribut:valoare; atr:val} h1 {text-align:center; color:red}
Clase de stiluri Permit definirea unui stil si folosirea lui doar la cerere .nume_stil { … } Un tag care vrea sa foloseasca acest stil trebuie sa aiba un atribut class a carui valoare sa fie numele stilului
Stiluri in-line Sunt definete chiar in tagul care le folosete cu ajutorul atributului style Valoarea lui style este definitia stilului care in loc de acolade este cuprinsa intre ghilimele
Stiluri definite in fisiere externe Se pune intr-un fisier cu extensia css definitia stilului ca in blocul <style> (dar fara <style>) In <head> <link rel=“stylesheet” href=“fisier.css” type=“text/css” />
Prioritatea stilurilor Numai pt atributele ce intra in conflict Stiluri in-line Stiluri din blocul <style>, are prioritate stilul cel mai recent definit Stiluri din fisiere externe, are prioritate stilul cel mai recent definit Stilul default