Lecția 9 se va ocupa de tabelele din html

Să ne dăm seama cum să construim o masă simplă. Pentru aceasta avem nevoie de cel puțin trei elemente.

TABLE - Elementul pentru crearea tabelului html. Asigurați-vă că aveți etichetele de început și sfârșit. În mod prestabilit, tabelul html este tipărit fără margine, iar marcarea se face automat, în funcție de cantitatea de informații pe care le conține. O dată voi spune că există un atribut BORDER care specifică grosimea cadrului tabelului în pixeli.

TR (Tabelul rând) - Creează un nou rând de tabele. Eticheta de închidere este necesară.

TD (Date tabel) - Începe și termină fiecare celul din rândul tabelului html. Eticheta de închidere este necesară.

Să încercăm să creăm un tabel cu două rânduri și două coloane:

Iată cum va arăta în browser:

Inteles? Ie tabelul începe cu

Și cum puteți să îmbinați celulele?

Pentru aceasta, există aceste atribute.

COLSPAN - specifică numărul de coloane la care se extinde această celulă. Valoarea implicită este 1.

ROWSPAN - determină numărul de rânduri la care se extinde respectiva celulă. Valoarea implicită este 1.

Intrați în browser:

rândul 1 celula 1 + 2

Intrați în browser:

Celula 1, rândul 1 + 2

Nu este nimic complicat. Uită-te atent la cele trei exemple și totul va deveni clar.

Iată câteva atribute utile:

CELLPADDING - definește distanța (în pixeli) dintre cadrul fiecărei celule din tabela html și materialul conținut în ea.

CELLSPACING - definește distanța (în pixeli) între marginile celulelor vecine ale tabelului html.

WIDTH - specifică lățimea tabelului html. Lățimea este specificată fie în pixeli, fie ca procent din lățimea ferestrei browserului. Implicit, acest atribut este determinat automat, în funcție de cantitatea de material conținută în tabel.

HEIGHT - determină înălțimea mesei. Înălțimea este specificată fie în pixeli, fie în procentajul înălțimii ferestrei browserului. Implicit, acest atribut este determinat automat, în funcție de cantitatea de material conținută în tabelul html.

Rezultat în browser:

Rezultat în browser:

Rezultat în browser:

Și în final ultimele patru atribute:

ALIGN - definește modul de aliniere orizontală a tabelului html sau a conținutului celulelor. Valorile posibile sunt: ​​stânga, centrul, dreapta. Valoarea implicită este lăsată.

VALIGN - trebuie să specificați modul de aliniere verticală a conținutului tabelului sau a celulei tabelului. Valori posibile: sus, jos, mijloc. (apăsați în partea de sus, apăsați în jos și instalați în mijloc).

BGCOLOR - specifică culoarea de fundal a celulelor din tabel. Specifică fie o valoare RGB într-un sistem hexazecimal, fie una dintre cele 16 culori de bază.

CONTEXT - vă permite să umpleți fundalul mesei cu un desen. Pentru valoare, trebuie să specificați adresa URL a imaginii.

Notă: Puteți seta fiecare culoare de fundal sau culoarea de fundal pentru fiecare celulă de tabelă. Dar: dacă setați culoarea de fundal (sau imaginea) în elementul de bază TABLE, atunci toate celulele vor avea acest fundal (imagine), iar dacă doriți să modificați o anumită celulă, scrieți atributul corespunzător pentru această celulă.

Rezultat în browser:

Dacă imaginea este mai mică decât celula, aceasta va fi duplicată, așa cum se arată în exemplu. Dacă mai mult - care va afișa partea care se va potrivi :).

Ei bine, principiul și totul pe mese. Dacă nu vă puteți aminti, nu vă faceți griji. Cu practica, totul va fi amintit (după cum se spune că principalul lucru este să știi unde să spioni!). În programul Adobe Dreamweaver totul se face foarte simplu.

↑ Sus ↑

Aveți o întrebare? Primiți un răspuns la FORUMUL DE SPRIJIN

Articole similare

• Html și css lecții, lecție 6

Trimiteți-le prietenilor: