Indedente în celule de table CSS. Retragerea din subiect sau cum să eliminați linii de pe marginile paginii
Există o masă de corp. Corpul constă din rânduri și coloane. Tabelul este umplut în linie.
Fiecare etichetă
Creează un șir nou. Următorul în qusted
Coloanele sunt create. Puteți crea o mulțime de coloane. În acest caz, trebuie să monitorizați numărul de coloane în fiecare rând. De exemplu, dacă au fost 5 coloane în prima linie, atunci în următoarele rânduri ar trebui să existe 5 coloane. În caz contrar, masa vează. Este posibilă combinarea celulelor.
Cum se face o masă în HTML
Să dăm un exemplu, cod HTML:
Tabelul de probă
Coloana 1.
Coloana 2.
Acordați atenție celulei
. Folosim atributul special Colspan pentru a combina celulele orizontale. Valoarea sa numerică indică numărul de coloane unite. Există, de asemenea, un analog al acestui atribut: etichetă
(Antetul tabelului), unde trebuie, de asemenea, să înregistrați Colspan. Rezultatul va fi același. Dar adesea folosesc TD obișnuit.
Acum, luați în considerare în detaliu toate atributele de etichete
În exemplul dezasamblat, am aliniat masa în centrul align \u003d "centru".
Acest atribut poate fi aplicat nu numai la masă, ci și la tabelele individuale ale tabelului.
sau strings.
. Astfel, în diferite celule, alinierea va fi diferită.
de exemplu
...
...
...
2. Proprietatea Background \u003d "URL" - stabilește desenul de fundal. În locul adresei URL, trebuie să fie scrisă adresa imaginii de fundal.
Exemplu
Tabelul de probă
Coloana 1.
Coloana 2.
Convertite la pagina următoare:
În exemplul examinat, imaginea noastră de fundal este localizată în folderul IMG (care se află în același director ca și pagina HTML), iar imaginea se numește fon.gif. Vă rugăm să rețineți că în eticheta am adăugat stil \u003d "Culoare: alb;" . Deoarece fundalul este aproape negru, astfel încât textul nu fuzionează cu fundalul, am făcut text alb.
3. Proprietate Bgcolor \u003d "Culoare" - Setează fundalul culorilor tabelului. Ca o culoare, puteți alege oricare dintre toate paletele (vezi codurile și titlurile HTML Culori)
4. Border \u003d "Număr" proprietate - stabilește grosimea cadrului de masă. În exemplele anterioare, am arătat frontierei \u003d "1", ceea ce înseamnă grosimea cadrului - 1 pixel.
5. BorderColor \u003d Proprietatea "Culoare" - Setează culoarea cadrului. Dacă frontiera \u003d "0", cadrul nu va și culoarea cadrului nu va avea sens.
6. Proprietatea CellPadding \u003d "Număr" - Indentare din cadru la conținutul celulei în pixeli.
7. Proprietatea CellSpacking \u003d "Număr" - Distanța dintre celule în pixeli.
8. Proprietatea Cols \u003d "Număr" este numărul de coloane. Dacă nu o specificați, browserul în sine va determina numărul de coloane. Singura diferență este că specificația acestui parametru este probabil să accelereze descărcarea tabelului.
9. Proprietatea Frame \u003d "Parametru" - Cum să afișați frontierele în jurul mesei. Pot lua următoarele valori:
void - nu atrage frontierele
border - frontieră în jurul mesei
deasupra frontierei pe marginea superioară a mesei
de mai jos - frontieră din partea de jos a tabelului
hsides - Adăugați numai granițe orizontale (partea superioară și inferioară a tabelului)
vSides - Desenați numai frontiere verticale (stânga și dreapta de la masă)
rHS - Frontieră numai în partea dreaptă a mesei
lHS - Frontieră numai pe partea stângă a mesei
10. Înălțime \u003d "Număr" proprietate - Setează înălțimea tabelului: fie în pixeli, fie în procente.
11. Proprietatea este reguli \u003d "parametru" - unde să se afișeze limitele dintre celule. Pot lua următoarele valori:
toate liniile atrage în jurul fiecărei mese celulare
grupuri - linia este afișată între grupuri care sunt formate din etichete. , , ,
sau
cols - linia este afișată între coloane
nici unul - toate frontierele sunt ascunse
rânduri - granița este trasă între rândurile mesei create prin etichetă
12. Lățime \u003d "Număr" proprietate - Setează lățimea tabelului: fie în pixeli, fie procentaj.
13. Proprietatea de clasă \u003d "Numele clasei" - puteți specifica numele clasei la care aparține tabelul.
14. Proprietatea stilului \u003d "Styles" - stilurile pot fi setate individual pentru fiecare tabel.
Acum este timpul să vă scufundați în masă și să luați în considerare atributele celulelor de masă. Aceste atribute trebuie să scrie în eticheta Discovery
.
Atribute și proprietăți
și
1. Proprietatea align \u003d "Parametrul" - stabilește alinierea unei celule de masă separate. Pot lua următoarele valori:
nivelul stâng la marginea din stânga
centrul - alinierea centrului
dreapta - alinierea pe marginea dreaptă
2. Proprietatea de fundal \u003d "URL" - stabilește imaginea de fundal a celulelor. În locul adresei URL, trebuie să fie scrisă adresa imaginii de fundal.
5. Char \u003d "Letter" Proprietate - stabilește scrisoarea de la care trebuie să faceți alinierea. Valoarea atributului align trebuie instalată ca char.
6. Proprietatea Colspan \u003d "Număr" - stabilește numărul de celule orizontale combinate.
7. Înălțime \u003d "Număr" Proprietate - Setează înălțimea tabelului: fie în pixeli, fie procentaj%.
8. Lățime \u003d "Număr" Proprietate - Setează lățimea tabelului: fie în pixeli, fie procentaj%.
9. Rowspan \u003d "Număr" proprietate - stabilește numărul de celule verticale unite.
sus - Aliniați conținutul celulei de pe marginea superioară a liniei
alinierea mediului în mijloc
partea inferioară - alinierea la marginea inferioară
linia de bază - alinierea inițială
Nota 1.
Pentru etichetă
Aceiași parametri sunt disponibili ca și pentru
. Parametrii pentru o etichetă
va fi aplicată ierarhic tuturor
în interiorul acestuia
Cum se face limitele celulelor din tabel nu lipite
În cazul utilizării frontierei (granița celulelor) și a liniilor zero între celule, ele sunt încă lipici și se dovedește o frontieră dublă. Pentru a evita acest lucru, trebuie să vă înregistrați în colapsul frontal al stilurilor: colaps:
...
Dragă cititor, acum ați învățat mult mai multe despre eticheta de masă HTML. Acum vă sfătuiesc să mergeți la următoarea lecție.
CSS vă permite să instalați nu numai stilul frontierei mesei, ci și stilul limitelor celulelor individuale. Deoarece fiecare celulă are granițele sale, apoi între celulele vecine, granița este obținută dual. Dar există o oportunitate de a combina limitele celulelor vecine într-una. Pentru aceasta, există o proprietate de colaps de frontieră. Este nevoie de valori:
colapsul de frontieră: separat - Fiecare celulă are granița proprie (implicită)
colapsul de frontieră: colaps - total granița
colapsul frontierei: moștenirea - valoarea este luată din elementul părinte
De exemplu, creați o masă și setați cadrul celulelor tuturor tabelelor care vor fi pe pagină. La început, nu vom schimba nimic pentru a vedea cum va arăta tabelul: