Crearea de tabele în html

Tot timpul zilei. Despre conexiunea Alexey Gulynin. În ultimul articol am dezasamblat modul de inserare a legăturilor și a imaginilor în html. În acest articol, vreau să vorbesc despre un subiect destul de important - aceasta este crearea de tabele în HTML.
Aproape pe orice site puteți găsi tabele HTML. Tabelele ne permit să aranjăm elementele așa cum le considerăm potrivite. Imediat du-te la locul de muncă, scrie un cod mic și analiza-l:

Tabelul este creat folosind eticheta

și se termină cu o etichetă

În general, principiul de creare a tabelelor este după cum urmează: mai întâi eticheta este scrisă

. atunci adăugați etichete de linie și Creați celule de masă utilizând etichete . În final, nu uitați să închideți masa cu o etichetă

și

. Asigurați-vă că introduceți acest cod și vedeți cum arată masa noastră în acest moment. Cumva nu arata destul de mult ca o masa.

Să analizăm acum atributele etichetelor

. și

. Ca întotdeauna pe un exemplu:

Eticheta

există un atribut de frontieră. care este responsabil pentru cadrul tabelului (fără acest atribut tabelul este complet și nu este similar cu tabelul). De asemenea, există atribute de lățime și înălțime. care stabilesc respectiv lățimea și înălțimea mesei. Aici totul este simplu: puteți specifica fie în unități relative (%), fie în valoare absolută (în "px"). În cazul nostru, este scris că lățimea mesei este de 50%, ceea ce înseamnă că va dura întotdeauna jumătate din lățimea elementului părinte, în cazul nostru este fereastra browserului.

De asemenea, tabelul are alte atribute:

"aliniere" - alinierea tabelului față de pagină
"cellspacing" - stabilirea de linii între celule
"cellpadding" - setarea distanței dintre conținut și celulă
"bgcolor" - setarea culorii de fundal a tabelului
"bordercolor" - setarea culorii de margine pentru tabel

Linia de etichetare

există un singur atribut - aceasta este înălțimea șirului de înălțime. De asemenea, puteți specifica fie în unități relative, fie în cele absolute.

De asemenea, multe atribute au o etichetă

. responsabil pentru celula mesei. Să le analizăm în detaliu:

1) Atributul "lățime". Acest atribut este responsabil pentru lățimea celulei, atributul înălțime al etichetei

nr.

2) Atributul "colspan". Valoarea acestui atribut este responsabilă pentru numărul de coloane pe care această celulă o va ocupa. Dacă ați pus colspan = "2" (ca în exemplu), atunci celula va ocupa 2 coloane.

3) Atributul "rowspan". Valoarea acestui atribut este responsabilă pentru numărul de rânduri pe care această celulă o va ocupa.

4) Atributul "aliniați". Valoarea acestui atribut este responsabilă pentru alinierea orizontală a elementelor din celulă. Implicit este alinierea stângă. Acest atribut are 3 valori: stânga, dreapta, dreapta, centru.

5) Atributul "valign". Valoarea acestui atribut este responsabilă pentru alinierea verticală a elementelor din interiorul celulei. Implicit este alinierea centrului. Acest atribut are 3 valori: de sus, de centru (sau de mijloc), de jos.

După cum puteți vedea, nu este nimic complicat aici, cel mai important moment în mesele de mastering este practica. Deci, iată-ți temele:

Este necesar să creați un astfel de tabel, ca în figură. Apoi adăugați la celulele din tabel nici un text, așa cum am făcut în acest tutorial, dar de exemplu o imagine. În alte celule, trebuie să adăugați un link, o listă ordonată, o listă neordonată.

În acest articol, ați învățat cum să creați tabele în html.

Mai multe articole.

Link-uri și imagini în HTML
Etichete HTML pentru text
Crearea de liste în HTML
Problema cu codificarea pe site
Crearea formularelor în HTML

Articole similare

Pagina anterioară

Pagina următoare