Bună ziua, dragi cititori de blog! Complet pe pagina web, cu excepția textului și a imaginilor, este necesar să emită diverse date sub formă de tabele. Da, este de înțeles, tabelul este o modalitate convenabilă de a reprezenta un număr mare de informații. Prin urmare, apare întrebarea "Cum să introduceți tabele în HTML?". În acest articol, vă voi răspunde la această întrebare și vă voi oferi o mulțime de exemple de diferite tabele HTML.
Cum se creează o masă utilizând HTML
Tabelele HTML sunt create în patru etape.
1. În primul pas din codul HTML cu o pereche etichetă
specificăm browserul pe care tabelul este introdus în pagina web: . Elementul de masă este un element de bloc al paginii web. Prin urmare, tabelul este afișat întotdeauna dintr-un nou rând cu aroganța verticală din elementele adiacente, astfel încât nu este nevoie să o puneți în paragraf.
2. La al doilea pas se formează siruri de caractere Tabele, plasarea etichetelor asociate
interior . Fiecare element Creează un șir separat:
3. În plus, în a treia etapă formă celulele Tabele cu etichete de perechi
și |
care sunt plasate în interiorul elementului |
. Etichetă Creează comun Cell, A. | Celulă antet. Capacul coloanei corespunzătoare:
4. Ei bine, în ultimul pas am pus în interiorul elementelor | și |
Celule de conținut. Tabelul de introducere a codului HTML pe pagina web arată astfel:
Coloana 1. | Coloana 2. | Coloana 3. |
---|
Celula 1-1. | Celula 1-2. | Celula 1-3. |
Cell 2-1. | Celula 2-2. | Celula 2-3. |
Configurați mai ușor afișarea frontierelor vă va ajuta. Utilizarea dvs. Puteți schimba grosimea și culoarea cadrelor, precum și schimbarea tipului de limite.
Textul pe care doriți să îl puneți în interiorul celulelor este opțional, dar dacă textul este mare, acesta poate fi împărțit în paragrafe, aplicând o etichetă
Dacă aveți nevoie de un text introdus într-un fel, puteți utiliza.
În plus față de text, putem pune imagini în celule folosind o etichetă :
|
O altă masă poate chiar să acționeze ca conținutul celulei. În acest caz, crearea unei mese încorporate nu este diferită de a crea o masă obișnuită. Doar între etichete
și | Sunt introduse etichete Și liniile și celulele sunt introduse în ea.
La crearea de tabele, trebuie luate în considerare unele reguli:
- numai o etichetă este utilizată pentru a crea o masă.
;
- etichetă
poate fi numai în interiorul etichetei ;
- etichete
și | poate fi numai în interiorul etichetei | Orice altă etichetă de conținut
ignorată de un browser;
- conținutul tabelului (text sau imagini) poate fi numai în etichete
și | ;
- mesele celulelor trebuie să aibă cel puțin unele conținuturi, altfel browserul nu poate fi afișat deloc, dar dacă unele celule ar trebui să fie goale, acesta este de obicei plasat într-un spațiu non-disipat (HTML literal);
- tabelul se referă la blocarea elementelor paginii web;
- dimensiunile mesei și celulele sale depind de conținut, adică Tabelul este întins în lățime și înălțime, astfel încât totul să se potrivească;
- Între limitele celulelor individuale și între marginea fiecărei celule și conținutul acesteia există o mică liniuță;
- textul celulelor antet (element th) este afișat cu caractere aldine și niveluri în centru;
- limitele din jurul mesei și celulele sale nu sunt desenate în mod implicit.
Titlul tabelului
Să începem cu o etichetă de perechi ,
Care specifică tabelul de titlu. Textul antetului este plasat în interiorul acestei etichete și trebuie să fie în interiorul etichetei . În plus, fără o diferență în care locul codului HTML al tabelului pentru a plasa eticheta Browserul afișează încă titlul peste masă și linii prin intermediul centrului său. Dar, de obicei, etichetă plasate imediat după eticheta de deschidere :
Aceasta este o masă
Celula 1.1. | Celula 1.2. |
Celula 2.1. | Celula 2.2. |
Afişa:
Tabelul de secțiune
Tabelul HTML poate fi divizat logic în secțiuni - secțiuni. Există trei tipuri de secțiuni în total:
- secțiunea de antetîn care sunt plasate celulele antetului care formează un capac de masă;
- secțiunea corpuluiîn care celulele sunt plasate cu date de bază;
- secțiunea de completareîn care celulele sunt plasate cu datele finale.
Secțiunea antetului tabelului este formată utilizând o etichetă de perechi . Și este permisă utilizarea nu mai mult de un element În aceeași masă și ar trebui să meargă la codul HTML imediat după etichetă .
Secțiunea corpului Creați o etichetă de perechi . O masă HTML poate conține mai multe secțiuni ale corpului, care vă permite să creați blocuri structurale la care pot fi utilizate stiluri de design uniforme.
Secțiunea de completare este formată dintr-o etichetă de perechi și în interiorul unui container Poate fi doar unul.
Toate aceste etichete pereche ar trebui să conțină etichete care formează șiruri legate de secțiunile relevante:
Coloana 1. | Coloana 2. | Coloana 3. |
Celula 1.1. | Celula 1.2. | Celula 1.3. |
Celula 2.1. | Celula 2.2. | Celula 2.3. |
Rezultatul 1. | Rezultatul 2. | Rezultatul 3. |
Combinând celulele de masă
Rămâne de spus despre cele mai importante caracteristici ale tabelelor - combinarea celulelor.Pentru a combina mai multe celule într-un singur atribute sunt utilizate colspan. și rowspan. Tagov. și | . Atributul Colspan stabilește numărul de celule orizontale combinate și Rowspan - vertical:
1.1 | 1.2-1.3 |
2.1 | 2.2 | 2.3 |
3.1-4.1 | 3.2 | 3.3 |
4.2 | 4.3 |
Exemplu Rezultat:
1.1
|
1.2-1.3
|
2.1
|
2.2
|
2.3
|
3.1-4.1
|
3.2
|
3.3
|
4.2
|
4.3
|
Când combinați celulele, este important să verificați numărul de celule din fiecare rând, astfel încât să nu existe erori. Deci, designul | Înlocuiește două celule, astfel încât în \u200b\u200blinia următoare trebuie să existe două etichete | Sau același design! Dacă numărul de celule din toate rândurile nu se potrivește, vor apărea celule suplimentare goale.
Un exemplu de cod HTML incorect atunci când combinați celulele:
celula 1.1. | celula 1.2. |
celula 2.1. | celula 2.2. |
Și rezultatul afișajului în browser:
Acestea. Dacă analizați codul HTML, atunci veți observa că trei celule sunt specificate în prima linie, dintre care două sunt combinate utilizând atributul Colspan și numai două celule sunt adăugate în a doua linie. Există oa treia celulă goală în a doua linie.
Tag-ul atributelor
În acest post, am întâlnit deja un atribut de tag . Cu atributul de frontieră, care stabilește grosimea cadrului în pixeli. Implicit, este egal cu 0 și, prin urmare, celulele implicite sunt afișate fără cadru.
În plus față de atributul de frontieră, există câteva atribute mai importante susținute de etichetă. . Să ne uităm la ele.
Atribut alinia.- Specifică alinieretabele de pe pagină. Acesta poate lua valorile stângilor, centrului, dreapta, care setă alinierea în funcție de marginea din stânga, în centru și pe marginea dreaptă. Implicit este lăsat.
Atribut fundal., pe care. specifică modelul de fundalla masă. Ca valoare, ia adresa fișierului de imagine.
bgcolor. - Seturi culoare de fundal Mese. Puteți utiliza împreună cu atributul de fundal.
Atribut frontColor.specifică culoarea cadrului Mese.
Cellpadding. - determină distanța dintre marginea celulei și conținutul acesteia. Vă permite să îmbunătățiți lizibilitatea tabelului. Ca valoare, orice număr pozitiv poate fi.
Cellspacing. - Specifică distanța dintre margini externe ale celulelor.
Pe această poveste cum se introduceți o masă în pagina HTML Voi termina, doar să ne lăsăm jos:
- etichete utilizate pentru a introduce tabelul
- desemnarea tabelului, - Adăugați un șir și - celule de box;
- tabelul este un element de bloc al paginii web;
- deoarece conținutul celulelor, poate exista nu numai text, ci și imagini și alte tabele;
- tabelul poate conține trei tipuri de secțiuni: secțiunea antet - , Finalizarea secțiunii și secțiunea corpului - ;
- pentru a combina celulele, utilizați atributele etichetei
Colspan și Rowpan.
Asta-i tot, în următorul post voi vorbi despre mijloacele de navigare pe site-ul HTML. Pentru a nu pierde această postare Abonați-vă la actualizarea blogului meu! Toate, la noi întâlniri!
Tabelele din HTML sunt cele mai puternice și frecvent utilizate mijloace. Practic, webmasterii utilizează tabelele nu numai ca metodă de grupare a afișajului de date, ci și pentru a forma pagini web.
Să ne uităm la ambele modalități de a folosi mesele HTML. Dar mai întâi, învățăm cum să adăugăm tabele la un document HTML, precum și să luați în considerare posibilitățile pe care HTML le oferă să funcționeze cu tabele.
Crearea tabelului HTML simplu
Fiecare tabel din HTML constă dintr-o varietate de celule care sunt situate în linii. Și toate aceste linii și formează o masă întreagă. Pentru desemnarea tabelului aplică o etichetă de perechi .
După cum știți deja că tabelele constau din rânduri și celule. Și pentru a crea cea mai simplă masă, vom avea nevoie de încă două etichete: acestea sunt etichete asociate | și care sunt folosite pentru a crea rânduri și etichete de abur, și | Responsabil pentru crearea celulelor. ( În plus, rândurile de închidere și celulele pot fi absente)
Așadar, având în vedere că știm deja cum să creăm tabelul HTML simplu, să aplicăm informațiile de mai sus și să creăm cea mai simplă tabel, după cum se arată în (Figura 1).
Cea mai simplă masă Fig.1
Codul celui mai simplu tabelcare este prezentat în figura 1 (de mai sus)
Tabelul cu 1 celule |
Tabelul cu 2 celule |
Tabelul cu 3 celule |
Tabelul cu 4 celule |
Tabelul cu 5 celule |
Tabelul cu 6 celule |
Tabelul cu 7 celule |
Tabelul cu 8 celule |
9 mese celulare |
Tabelul cu 10 celule |
Masă de 11 celule |
Tabelul cu 12 celule |
Codul tabelului complex, exemplu în figura 2
Combinând atributul coloanelor " colspan." | Combinând șirul de atribute " rowspan." | Atribut " valioșie."" TOP "
| Atribut " valioșie." "fund" |
Tabelul primit de către figura 1.
. Se pare urât. Toate acestea se datorează faptului că am folosit pentru a crea cea mai simplă masă ( , , ) Poate avea atribute diferite care trebuie specificate: poate fi fundal, limite, dimensiuni și așa mai departe.
Să luăm în considerare acum atributele care sunt folosite pentru etichetă . Pentru a vedea cum tabelul cu eticheta aplicată etichetei Atributele, copiați codul de masă și plasați-l într-un document text, cu extensie.html și deschideți browserul adăugând atributele codului de masă și actualizarea paginii, veți vedea cum va arăta tabelul dvs. în browser.
Tag atribute:
1) Atributul "frontieră", stabilește lățimea întregii mese în pixeli, este scrisă după cum urmează: .
2) atributele "lățime" și "înălțime" - acest atribut stabilește lățimea și înălțimea recomandată a mesei dvs., este scrisă după cum urmează:
3) Atributul "BorderColor" - stabilește cadrul de culoare al întregii mese, scrie ca: .
4) Atributul "Aliniați" - alinierea tabelului, align \u003d stânga - tabelul va fi aliniat la marginea din stânga, align \u003d dreapta - în partea dreaptă, este scrisă ca:
5) Atributul "Bgcolor" - stabilește fundalul culorilor tabelului, scrie după cum urmează:
Cred că atributele sunt suficiente pentru tine!
Acum luați în considerare atributele etichetei: și
Tag-ul atributelor |
1) Atribut tag "Înălţime". Vă rugăm să rețineți că eticheta nici un atribut "lățime" (lățime), ca etichetă Responsabil pentru șir și, în consecință, pentru înălțime. Iar coloanele sunt deja responsabile pentru lățime. Deși există o etichetă Atributul "înălțime", dar practic nu este folosit nicăieri.
Tag-ul atributelor
2) Atribut tag | "Lățime", atribut "înălțime" (înălțime) la etichetă | Nu, pentru că eticheta | Responsabil pentru tabelul celular și lățimea sa, și șirul corespunde înălțimii (etichetă | ).
3) Atribut tag "Colspan". Valoarea acestui atribut înseamnă numărul de coloane care ia această celulă. Cu alte cuvinte, acest atribut vă permite să combinați mai multe celule adiacente pe verticală într-una.
4) Atributul etichetei | "Rowspan". Valoarea acestui atribut înseamnă numărul de șiruri care iau această celulă. În consecință, acest atribut vă permite să combinați mai multe celule într-una orizontală.
5) Atribut tag | "Alinia". Acest atribut vă permite să aliniați elementele din interiorul celulei orizontal. Are trei sensuri: "stânga" (pe marginea stângă a celulei), "centru" (centrat), "dreapta" (la marginea dreaptă a celulei). Dacă nu este specificată nimic, alinierea va fi pe marginea din stânga.
6) Atribut tag | "Valign". Acest atribut vă permite să aliniați elementele din interiorul celulei verticale. Pe lângă "aliniere" are doar trei sensuri: "sus" (în partea de sus), "mijlocul" (în mijloc), "partea de jos" (în partea de jos). Implicit este "mijlocul" în mijloc.
Să aplicăm ceea ce am învățat acum.
Figura 2 prezintă masa complexă.
Masa sofisticată Fig.2.
Aici, în principiu, și asta trebuie să știți despre tabelele HTML și să o utilizați cu succes.
Crearea unei mese HTML în editorul Joomla.
Pentru a crea o masă în Joomla, puteți utiliza Editorul Tinymce situat în Joomla implicită.
Acum, folosind editorul Visual Joomla - puteți crea mese simple sau complexe, dar aveți grijă și nu uitați de lățimea zonei de conținut de pe site-ul dvs., astfel încât atunci când creați o masă, lățimea sa nu se obișnuiește cu această valoare .
Descărcați fișiere:
Cursul video HTML de la Eugene Popova
Un curs video gratuit conține 33 de lecții HTML.
Cursul video, dezvăluie cunoștințele de bază ale HTML și va fi utilă nu numai pentru constructorii de site-uri Novice care nu sunt încă familiarizați cu HTML, ci și pentru webmasteri mai experimentați.
Masă cu cadre
Nume |
Nume de familie |
Larisa. |
Isaeva. |
Dmitry. |
Kolesnikov. |
REZULTAT:
Masă fără cadre
Masă cu cadre
Atribute Tagov. și | Pentru îmbinarea celulelor
Exemplu
|
ferrets. |
greutatea |
marimea |
bărbații |
1.2 - 2,5 kg |
până la 70 cm. |
femei |
0,7 - 1,0 kg |
până la 40 cm. |
REZULTAT:
|
ferrets. |
greutatea |
marimea |
bărbații |
1.2 - 2,5 kg |
până la 70 cm. |
femei |
0,7 - 1,0 kg |
până la 40 cm. |
Conform standardului HTML5, toate atributele de tabel utilizate anterior, cum ar fi frontieră., cellspacing., cellpadding. și colab., nu mai sunt acceptate și utilizarea valabilizatorului consideră erorile din cod. Pentru a face tabele, trebuie să utilizați stiluri CSS, cu care puteți înlocui toate atributele de masă învechite. De exemplu, în loc de un atribut cellspacing. Pentru a schimba distanța dintre celulele tabelului, se utilizează proprietatea. spațierea de frontieră.și alinierea conținutului în celulele tabelului - proprietăți aliniere text. și vertical-aling.. CSS-stiluri pentru mese
Etichete Grouping Corzi HTML Tabel
Pentru a crea mese mai complexe, puteți utiliza etichete:
Exemplu
Consumul de bere
NUMELE COMPLET. |
lithrov. |
TOTAL |
250 |
Ivanov Ivan Ivanovich. |
133 |
Petrov Petr Petrovich. |
117 |
REZULTAT:
Etichete Gruparea coloanelor HTML Tabele
Atributul tag. și
Cea mai ușoară modalitate de a înțelege cum puteți utiliza gruparea de rânduri și coloane pe exemplul tabelului Sudoku.
Eticheta COL stabilește parametrii separat pentru fiecare coloană. Nu contează cum să scrieți în codul sursă:
sau
Exemplu
REZULTAT:
Nu încercați să setați stilul aliniere text. pentru tagov și . Textul plasat între etichete ... | , nu moștenește acest stil, de la etichetă nu un descendent nici Nici eticheta .
Alinierea textului orizontal într-o coloană de masă specifică poate fi modificată prin specificarea stilului aliniere text. Pentru pseudoclassa. tD: copilul (n) unde n este numărul coloanei. Cu toate acestea, această metodă nu va funcționa dacă un atribut este prezent printre tabelele tabelului colspan..
Exemplu
Nume |
Preț, freca.) |
Plata pe minut a solarului (de la 4 minute) | 15 |
50 de minute de solar (14 ruble / min, 1 lună) | 700 |
100 de minute solar (13 ruble / min, 2 luni) | 1300 |
200 de minute de solar (12 ruble / min, 3 luni) | 2400 |
REZULTAT:
Cu toate acestea, această metodă nu va funcționa dacă un atribut este prezent printre tabelele tabelului colspan..
Datorită versatilității tabelelor, un număr mare de parametri care le controlează, tabelele pentru o lungă perioadă de timp au devenit un standard specific pentru paginile web. O masă cu o limită invizibilă este ca o rețea modulară, în care este convenabil să se așeze elementele paginii web în blocuri. Cu toate acestea, aceasta nu este o abordare complet corectă, deoarece fiecare obiect HTML este definit pentru propriile sale obiective și dacă nu este folosit în scopul dorit, și peste tot, înseamnă că nu există o alternativă. Așa că a fost de mult timp până când straturile nu au venit la mese atunci când pun locurile. Acest lucru nu înseamnă că straturile sunt acum utilizate complet și aproape, dar tendința a fost deja subliniată în mod clar - tabelele sunt folosite pentru a plasa date tabulare și straturi pentru stabilire și design.
Crearea unui tabel
Tabelul constă din rânduri și coloane de celule care pot conține text și desene. În mod tipic, tabelele sunt utilizate pentru simplificarea și trimiterea datelor, cu toate acestea, capacitățile tabelelor nu se limitează la. Cu ajutorul tabelelor, este convenabil să atingeți layout-urile paginii, plasând modul în care fragmentele dorite de text și imagini.
Pentru a adăuga o masă la o pagină web folosită etichetă . Acest element servește ca un container pentru elementele care determină conținutul tabelului. Orice tabel constă din rânduri și celule care sunt specificate în mod corespunzător cu etichetele și . Tabelul trebuie să conțină cel puțin o celulă (Exemplul 12.1). Este permisă în loc de etichetă | Utilizați eticheta | . Text în celula decorată cu etichetă | Afișează fontul debitorului cu lovituri grase și este aliniat în centrul celulei. În caz contrar, diferența dintre celulele create prin etichete | și | nu.
Exemplul 12.1. Crearea unui tabel
Tabelul de tag
Cell 1. |
Celula 2. |
Celula 3. |
Celula 4. |
Ordinul este locația celulelor, iar specia lor este prezentată în fig. 12.1. Există o masă de corp. Corpul constă din rânduri și coloane. Tabelul este umplut în linie.
Fiecare etichetă | Creează un nou șir. 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
.
Atribute și proprietăți etichete
La eticheta de deschidere Puteți prescrie diverse atribute.
1. ALIGN \u003d "Parametrul" Proprietate - Setează alinierea tabelului. Pot lua următoarele valori:
Î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.
3. Bgcolor \u003d Proprietatea "Culoare" - Setează culoarea fundalului celulei.
4. BorderColor \u003d "Culoare" Proprietate - Setează culoarea cadrului celular.
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.
10. Proprietate Valign \u003d "Parametru" - Aliniați conținutul celulei pe verticală.
- 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.
| |
|
| | | | | |
| |