CalculatoareSoftware-ul

Folosind tabelul HTML

În HTML, există atât de multe elemente, și fiecare dintre ele este unic în felul lor. Tabelul - foarte interesant, popular și subiect serios. Datorită ei, nu vă poate oferi doar informațiile într-o formă convenabilă, dar, de asemenea, pentru a construi un cadru de site-ul.

Anterior, aproape toate webmasteri utilizează tabele pentru layout este site-uri. Inițial, masa nu vine cu. Prin urmare, trebuie să folosim un element de bloc div pentru a marca site-ului.

Dacă nu doriți să rămână întotdeauna un novice, te obișnuiești imediat pentru a face totul corect. Acest lucru este foarte important în HTML limba. Tabelul trebuie să fie plasate numai informațiile obișnuite (text, link-uri, liste, imagini și așa mai departe. P.), nu întregul site-ul ca un întreg.

Cum de a face un tabel HTML?

Tabel - element complex care constă dintr-un număr mare de alte elemente. Amintiți-vă că, atunci când creați celulele sau rânduri întotdeauna nevoie imediat pentru a pune eticheta de închidere. În caz contrar, va zbura. Handler în browser-ul va căuta capătul elementului și, până când o găsește, totul va continua să includă în tabel. Rezultatul va fi terci.

Dacă scrieți un site web în „Notepad“, atunci totul va avea de a face cu mâinile. Dacă în editorul finală, există de obicei un buton - „insert de masă“, „Inserare imagine“ și așa mai departe.

Exemplul 2. Tabelul 2.

text pentru prima linie a primei celule

Textul din a doua linie a primei celule

Textul primei celule din al doilea rând

textul din a doua celulă din al doilea rând

Tag-uri

și indică începutul și sfârșitul tabelului. Tag-uri si - începutul și sfârșitul liniei. În aceeași linie poate fi orice număr de celule, care sunt definite de etichetele , există o etichetă suplimentară
și .

Regula principală este: numărul de celule din fiecare rând trebuie să fie aceeași. Este un tabel.

Dar, la fel ca în Word și Excel editor, celulele pot fi combinate între ele.

Cum de a combina celule într-un tabel?

Pentru a combina și de a folosi atributele colspan rowspan. Span este tradus ca „acoperire“ sau „suprapunere“. Sensul literal - pentru a acoperi / închide celula / rând.

Valoarea acestui atribut trebuie să specifice modul în care mai multe rânduri sau celule vor fi blocate. Următorul este un exemplu ilustrativ pentru ambele folosind atribute HTML în tabel.

În acest exemplu, prima linie 3 reunite celule folosind atributul colspan = „3“. Apoi, prima celulă a doua șir întinsă în patru rânduri. Amintiți-vă că se întind / combină numai în prima celulă. proprietatea ei se întinde pe. Tot ceea ce vine înainte, nu vor fi afectate.

Dacă aveți 5 celule pe care doriți să le îmbinați 2 - 4, atunci ai nevoie doar de la numărul de celule 2 specificați atributul colspan = „3“.

Rețineți numărul 9 în slotul figura de mai sus. Acolo reunite imediat și celulele și rânduri. Astfel de acțiuni nu sunt interzise.

Uită-te la un alt exemplu pentru a securiza informațiile. Deoarece unele confuz și atribute în loc de rânduri de celule, uneori combinate.

Format tabel

Ia-un caz obișnuit, standard HTML. Tabelul Două rânduri de două celule fiecare.

din codul va fi după cum urmează.

După cum puteți vedea, nu există efecte. Puteți adăuga un cadru, specificați lățimea și înălțimea.

Poti juca, de asemenea, cu alinierea. Acesta poate fi aliniat în ambele înălțime și lățime.

Aliniați pentru a alinia orizontal, și valign - verticală. Asta-i un astfel de rezultat.

Atribute align si valign pot fi aplicate pe întreaga linie. Apoi, toate celulele care sunt în ea vor fi supuse acestor atribute.

În plus față de tag-ul

și
. De fapt, acesta este un analog al , dar este folosit numai în primul rând și se îndreaptă. În mod implicit, textul din este centrata si cu caractere aldine.

Cum de a conecta stiluri la masa?

Ca orice tag - uri HTML, tabela poate fi transformată cu ajutorul stiluri. Trebuie să specificați fișierul stil în cap sau stilul gata (după cum se menționează în cap).

...

">

masă {

font-family: Verdana, Arial, Helvetica, sans-serif;

culoare: # 000000;

}

.my_class

{

culoare: # 666666;

}

...

Dacă specificați un tabel, atunci acest stil se va aplica la toate mesele de pe pagină. Absolut toată lumea. Dar, dacă utilizați cea de a doua metodă, ceea ce indică un nume arbitrar, cu un punct, atunci acest stil poate fi aplicat la orice masă dorită, în timp ce nu afectează cealaltă.

Vă rugăm să rețineți că clasele pot fi folosite ca o etichetă pentru masă și pentru o celulă sau rând specifice.

= " 100%" border = "1">

textul primei linii a primei celule

text al doilea rând al primei celule

Textul primei celule din al doilea rând

textul din a doua celulă din al doilea rând

În cazul în care stilul artistului undeva o greșeală, rezultatul nu se va vedea. În cazul în care, cu toate acestea, în stilul există erori, dar numele sunt aceleași, efectul nu va fi. Fiecare virgulă sau de colon joaca un rol important.

atribute suplimentare în tabele

Ce atribute pot fi scrise în clasele de stil? Există mai multe atribute care se aplică în mod specific la tabele. Luați în considerare dintre care cele mai de bază sunt foarte utile.

alinia

Aliniere orizontală

valign

Aliniere pe verticală

fundal

Imaginea de fundal în celulă / tabel

bgcolor

Culoarea de fundal a celulei

borderColor

Cadru de masă de culoare / celule

înălțime

înălțimea celulei

nowrap

Ban Încadrați text într-un șir de caractere.

lățime

Lățimea celulei / tabel

După cum puteți vedea, utilizați HTML în tabel poate fi un număr foarte mare de „unelte“.

Frumos create folosind tabele HTML. exemple

Datorită stiluri vă puteți crea o varietate de tabel de frumos. Totul depinde de ce si cum iti place. E ca gătit. Ingredientele sunt aceleași, și mai multe opțiuni sunt multe rețete.

După cum puteți vedea, dacă utilizați etichete HTML, tabelul poate fi transformat de nerecunoscut. eventualele limite determinate de imaginația ta.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ro.unansea.com. Theme powered by WordPress.