Tabel - una dintre cele mai importante, dar în același timp elemente complexe, care trebuie să fie prezente pe paginile web. Cu ajutorul lor, este convenabil să se aplice o informație importantă și utilă într-o formă destul de concisă. Desigur, cei mai mulți editori în șabloane, de lucru pe diferite motoare, insera automat un tabel în site-ul dvs. sau publicarea separată, dar ce se întâmplă dacă resursa web design, paginile sale sunt create de la zero? Apoi , comandantul novice poate primi o problemă: cum să facă un tabel în HTML. Să vedem cât de repede și de a crea în mod corect elementul.
alege editor
Mai întâi de toate, incepand de a crea un tabel, ar trebui să definiți editorul în care va lucra. Desigur, cel mai simplu mod de a alege programul în care creați un cod de site-ul de bază. Dar cel mai bine este de a folosi în acest scop bun Notepad vechi.
Ați putea întreba, de ce să complice viața ta, pentru că dacă faci totul bine în editorul, atunci rezultatul poate fi văzut imediat, de asemenea, și chiar solicită ca programul să folosească.
Da, este adevărat, dar pentru a crea un tabel de la zero, nu va fi doar în măsură să examineze în detaliu principiul creației sale, dar, de asemenea, pentru a preveni erorile de scriere jenante și erori în codul de bază. Uneori se întâmplă din întâmplare că cursorul este deplasat în jos, iar procesul de scriere a codului de eroare în creeps, care este uneori dificil de găsit. Crearea unui tabel într-un notebook, aveți posibilitatea să copiați codul și inserați-l în locul potrivit pentru tine.
Algoritmul pentru crearea tabelului
Pentru a începe, face un algoritm scurt, modul de a face un tabel în HTML. Acest lucru este de a se asigura că ați înțeles secvența de fiecare pas. Apoi, analiza exact cum să efectuați fiecare dintre elementele.
Să începem cu acțiunile pregătitoare.
1. Desenați schematică pe imaginea de masă de hârtie.
2. Contorizarea numărul de rânduri și celule. În cazul în care numărul trecut diferit - cred că de fiecare ryadochka separat.
3. Se determină numărul în celulele rând-antet (de exemplu, «№» Celula, „Nume“ și t. D.).
4. Notați principalii parametri din tabel - culoarea, înălțimea și lățimea, alinierea textului - pe scurt, tot ceea ce se pare potrivit.
Apoi, du-te direct la crearea tabelului:
1. Introduceți tabelul de etichete.
2. Introduceți etichetele de linii pe baza sumei pe care aveți nevoie.
3. Rândurile introduce tag-uri de celule (normale și majuscule), de asemenea, pe baza sumei pe care au înregistrat pe suport de hârtie.
4. Setați parametrii pentru întregul tabel.
5. Dacă trebuie să setați parametrii pentru celule individuale.
6. Introduceți textul nostru de celule.
a crea un tabel
Deci, alegeți editor, acum să ne uităm la modul de a crea un tabel în HTML. Tag ce permite tabel (
) este introdus în codul paginii este asociat, adică, construcția noastră începe cu această etichetă și se termină cu table>.
Introducerea tabelul de etichete, continuați pentru a crea rânduri și celule.
Acum, observăm că aceste elemente sunt, de asemenea, asociat. Tag
definește un șir, și | - celule.
Pentru litere mari de celule trebuie utilizate elemente pereche | .
După cum sa menționat deja, primul pas este de a trage o linie, atunci ei trebuie să înregistreze celula. Pentru a evita confuzia, este recomandabil să se facă orice capitonare între fiecare bloc într-o linie sau două, sau pentru a prescrie un nou bloc de elemente folosind tasta „Tab“.
Cum poate arata? Ceva de genul asta:
-
; -
; -
№ p / p th>; -
Nume th>; - Tr>;
-
; -
| 1 | ; -
Ivanov td>; - Tr>;
- Table>.
După cum puteți vedea, nimic complicat despre asta. Principalul lucru - nu se pierde în numărul de rânduri și celule. În caz contrar, masa este înclinat.
Suntem demontate pentru a crea un tabel în HTML, acum putem trece la parametrii atât matricea cât și rândurile și celulele sale.
Opțiuni de masă Atunci când codul este scris, este necesar să se acorde o atenție la următoarele puncte: alinierea în tabel HTML, culoarea Frontierelor, fundal, text, și așa mai departe.
Parametrii sunt specificate în tabelul de tag-ul . Printre acestea se numără:
1. Border - lățimea de frontieră. Definită de un număr întreg. În mod implicit, orice frontiere de masă dispar.
2. borderColor - culoarea frontierei. Acesta poate fi administrat ca culoare hexazecimal (# 00008B), și numele lui pe angliykom (DarkBlue). În mod implicit, este întotdeauna gri.
3. bgcolor - culoare de fundal. După cum se specifică în funcție de codul sau numele.
4. Align - alinia textul pentru tabel. Implicit - pe stânga. Există următoarele opțiuni pentru acest parametru:
- stânga - dreapta folie;
- dreapta -obtekanie la stânga;
- centrul - masa de ieșire în mijloc cu nici un flux.
5. Lățimea și înălțimea - lățimea și înălțimea mesei. Acesta poate fi fie în pixeli sau ca procent (în raport cu dimensiunea ferestrei browser-ului).
Prescrierea un indicator special, ar trebui să acorde o atenție deosebită designului. După specificarea parametrului pentru a merge semnul „egal“, după care, în ghilimele indică o valoare predeterminată.
În ceea ce privește culoarea textului, apoi face din ea în același mod ca și text simplu în format HTML.
Exemplu de tabel:
- ;
-
; -
№ p / p th>; -
Nume th>; - Tr>;
-
;
-
| 1 | ; -
Ivanov td>; - Tr>;
- Table>.
parametrii rânduri Așa că ne-am dat seama deja cum să facă un tabel în HTML și prescrie principalele sale parametri. Dar dacă avem nevoie pentru a aloca un șir de caractere? Check out nu ei ca corpul principal al mesei?
parametrii de linie sunt scrise în tag-ul | , în același mod ca și tabelul de date. Pentru a alinia următoarele variabile pot fi definite:
1. Deja cunoscut pentru tine de frontieră, borderColor și bgcolor.
2. Aliniați - alinia textul în linie. Acesta poate fi setat la stânga, centru și dreapta.
3. valign - tag-ul aliniază textul vertical. Este nevoie de următoarele valori:
- sus - textul este aliniat la limita superioară;
- mijloc - în mijloc;
- de jos - marginea de jos.
clearance-line EXEMPLU:
-
; -
№ p / p th>; -
Nume th>; - Tr>.
celulele parametrii Și ultimul lucru pe care ar trebui să acorde o atenție pentru cei care doresc să știe cum să facă un tabel în HTML - parametrii de celule individuale, atât normale, cât și de capital. De fapt, totul se face în același mod ca și pentru un tabel sau a unui rând. Adăugată doar două elemente importante:
1. colspan - Acest parametru specifică numărul de coloane pentru care celula poate prelungi.
2. rowspan - indică deja numărul de rânduri ocupate de această celulă.
Având în vedere că designul nu este diferit de linia de prescripție, aceasta nu va avea ca rezultat codul de probă.
constatări Asigurați-un tabel nu este la fel de dificil cum ar putea părea la prima vedere. Cel mai important lucru atunci când scrieți codul său - perseverență și atenție.
În ceea ce privește modul de a insera un tabel în HTML, atunci numărul său de cod este suficient pentru a copia și inserați-l în locul paginii, în care, în opinia dumneavoastră, ar trebui să fie plasate.
Nu vă fie teamă de a experimenta, și în curând vă sunt stăpânite perfect tehnica de a crea tabele. Mult noroc!
| |
| | |
| | | |
|