Construirea unui site web, folosind cadre html

structura de cadru

În secțiunile anterioare veți obține conceptele generale de creare a site-ului (plasarea de text. Image. Referința de culoare și construirea link-ul). Mai mult, noi suntem cu voi va învăța cum să creați o pagină completă, cu ajutorul cadrelor și tabele.

Fiecare site html este format din următoarele elemente:

- html site-ul capac. Situat în partea de sus a site-ului și conține o anumită imagine și inscripția, subiectele site-ul corespunzător. Exemplul poate viziona ridicat ochii la această pagină. Inscripția nu posedă în mod necesar. Este la latitudinea ta.

- Meniu site html. Situat pe stânga sau dreapta textului principal și conține o lucrare de referință de la domiciliu pe celelalte pagini ale site-ului. De asemenea, site-ul HTML poate fi localizat în partea de sus a meniului. Exemplu de meniu de cazare, puteți vedea, de asemenea, pe această pagină.

- Centrul raspolagaetsyaosnovnoy de obicei informații context html cu imagini ale unui anumit subiect.

Să creeze o pagină completă, cu ajutorul cadrului. La început am explica ce sunt cadre și ce mănâncă.

în interiorul containerului Prevede, tag-uri html. care definesc conținutul cadre și numărul lor.
Utilizarea atributelor rânduri și coloane pot specifica locația cadrului de pe pagina web. Puteți aranja cadrele orizontal, vertical sau în combinație. Totul depinde de imaginatia ta. Sfatul meu pentru tine. De la începutul mâzgălitura pe o bucată de aspect schematică în plan orizontal, pe care am menționat mai sus, și doar apoi trece la crearea unei pagini HTML.

rânduri - definește numărul de cadre orizontale.






cols - specifică numărul de cadre verticale.

Să examinăm toate trei, la rândul său.

La început aranja cadrele vertical. Codul HTML va arata astfel:

După cum vedeți, avem trei coloane (cadru). Acest lucru am făcut prin atributul cols este înregistrat în tag-ul . De asemenea, pentru el, am stabilit lățimea fiecărui cadru. Lățimea primului cadru - al treilea 150 - 150, iar al doilea ocupă spațiul rămas, simbolul „*“. Mijloacele asterisc ocupă tot spațiul rămas pe ecran. Aici am stabilit parametrii pentru pixeli colsv. Puteți seta în continuare lățimea și înălțimea ca procent. De exemplu:

parametru cols în acest exemplu, am cerut trei sub-cadru.
Prima lățime este de 25% din lățimea ecranului. Al treilea 30% din întreaga lățime a ecranului. Un al doilea cadru se va ocupa tot spațiul rămas. trei cadre sumă ar trebui să fie de 100%.

Puteți specifica, de asemenea, parametri pentru cadrele combinate. De exemplu:

parametru cols în acest exemplu, am cerut trei sub-cadru.
Prima lățimea este de 65 de pixeli. Al treilea 35% din întreaga lățime a ecranului. Un al doilea cadru se va ocupa tot spațiul rămas.
Să examinăm acum exemplul dispunerea orizontală a cadrelor. Pentru a face acest lucru, pur și simplu modificați atributul cols pe rânduri.

După cum putem vedea, locația noastră sa schimbat cadre. Acum, ei sunt aranjate orizontal.

opțiune combinată pentru cadre. este de a utiliza rânduri și cols atributele aplicate simultan la aceeași etichetă . Crearea unei structuri bazate pe cadru pentru amplasarea tuturor elementelor de creare a site-ului, am descris-o la începutul poveștii cadrelor. Codul HTML va arata astfel:

Acum, mai în detaliu modul în care ne-am transformat acest cod. La început, vom împărți pagina în trei cadru orizontală folosind atributul rows pentru o etichetă

Apoi am pus acest prim cadru și un al treilea cadru:

Al doilea cadru, am fost împărțiți în două coloane. Pentru a aranja cele două difuzoare în al doilea cadru. avem nevoie în loc de tag-ul inserați un alt container ... și puneți-l în aceste două coloane cu două cadre prescrise. Codul HTML va arata astfel:

Cred că acest lucru este clar.
Pe pagina următoare ne vom uita la unele atribute suplimentare la cadru și face cunoștință cu încă o etichetă din structura cadrului.

Ponderea în sociale. crearea de rețele