Cum de a crea cadre pentru HTML. Elementele de bază HTML pentru începători. Lecții №16
Bună ziua tuturor! Vom continua să studieze cu atenție elementele de bază ale HTML. Mă bucur că nu arunca bazele de lecții HTML.
În această lecție, vom discuta despre ce cadrele și modul în care acestea sunt create în HTML. Deci, să definim ce cadre pentru HTML. Cadre - o divizie a ferestrei browser-ului în zone separate, în care documentele HTML separate, pot fi încărcate.
De exemplu, pentru a înțelege modul în care cadrul în practică, propunem să se uite la un exemplu. Fă-o pereche de tranziții:
Ei bine, ca tine? Doriți să învețe cum să creeze o? Acum vom învăța cum să insera cadre în document HTML.
Crearea unui cadru pe o pagină Web este afișată pe un astfel de aspect:
Notă: structura codului cadru este inserat în documentul HTML în loc de tag-ul
:
Acesta este recipientul principal pentru crearea unui cadru, în interiorul căruia conțin alte elemente. Legarea de eticheta de închidere.
Cols - verticale
Rânduri orizontale -
Atributele cols și rândurile indică cât de multe piese pentru a împărți fereastra browser-ului. Aici, de exemplu, pentru a împărți fereastra browser-ului în două părți verticale, trebuie să vă înregistrați aici, astfel:
Porțiunea din stânga a ecranului este de 30% în mărime, precum și dreptul - 70%.
Dacă doriți să împărțiți browser-ul pentru câteva părți, separate prin virgula adăuga dimensiuni suplimentare, de exemplu, după cum urmează:
Ca urmare, prima coloană verticală va fi de 30% din lățime, al doilea - 20%, al treilea - 10%, al patrulea - 40%.
În mod similar, orizontală defalcate:
Prima coloană este lățimea orizontală de 30%, al doilea - 20%, al treilea - 10%, al patrulea - 40%.
tag-ul cadru specifică ce document HTML trebuie să fie încărcate în fereastra browser-ului. De exemplu, avem nevoie pentru a încărca într-o fereastră de browser, trei pagini «1.html», «2.html», «3.html». tag-ul cadru va arăta astfel:
Pentru a rezuma cunoașterea de cadre. Astfel, problema: este necesar să se împartă fereastra browser-ului în două părți și încărcate în aceste două părți ale unei pagini web - «1.html» 30%. «2.html» 70%. Aici este codul gata:
Rezultatul este:
○ Link-uri în cadre sau să învețe să utilizeze atributul «numele»
Aici este un exemplu, în cazul în care registrul atributului «nume»:
Cu toate acestea, este mai bine? Pentru orice listă cadru atributul «numele», în cazul în care doriți să-l deschidă în celălalt documentul HTML
Numele «Numele» atribut poate fi orice. Dar, în viitor, dacă vă va da restul de numele și etichetele «cadru». amintiți-vă că fiecare trebuie să fie unic:
Acum, trebuie să vă conectați pentru a prescrie „țintă“, adică, în care rama ferestrei este de a face tranziția. Pentru această etichetă «o» Lista atributul «țintă»:
„Page 1“, „Page 2“ se va deschide în aceeași fereastră în care specificați numele cadrului «name =«stepkinblog-ru»» și «Page 3» se deschide într-un alt cadru, care a fost numele «name =“ bloggood-ru „»
Sarcina: Este necesar să se creeze un cadru de aici, pe acest aspect:
În primul rând, de a crea trei cadru orizontal:
Acum, adăugați «top.html» și «footer.html»
Rezultatul este ca pana acum acest lucru:
Acum, între «top.html» și «footer.html» adăugarea «menu.html» și «content.html»:
Salvați fișierul ca «index.html»
Creați pagini «top.html». «Footer.html». «Menu.html» și «content.html»:
Codul «top.html» fișier
Codul «footer.html» fișier
Codul «menu.html» fișier
Codul «content.html» fișier:
Codul «autor.html» fișier:
Iată un rezultat m-am dus:
Noi folosim atributele «cadru» și interzice manual se întinde cadru și scoateți sulul în «index.html» fișier.
○ Ce ar trebui să fac în cazul în care cadrele nu sunt acceptate de browser?
