Cum se face un tabel html

Noțiuni de bază pe masă

Unul dintre cele mai dificile lucruri din marcarea unei pagini HTML este tabelele. Problema nu este complexitatea tag-ul, care, de fapt, nu prea greu de reținut, și că, atunci când scrieți cod, puteți face cu ușurință o greșeală - să uitați să vă înregistrați linia de plus sau celula, introduceți textul nu merge acolo unde este necesar, și alte fleacuri . Cu cât este mai mare masa, cu atât este mai mare șansa de a face o greșeală.

Mai întâi de toate, ar trebui să desenați o masă viitoare pe o foaie de hârtie, având în vedere că în ce celula veți fi localizați, precum și notând pentru dvs. parametrii de bază ai acestui sau acelui element.

Dacă doriți să creați un tabel HTML cu un cod special, puteți utiliza în acest scop un notepad obișnuit sau un document Word obișnuit. Cu toate acestea, aici va trebui să muncești din greu, pentru că va trebui să scrieți cod de mult timp.

Cum se face un tabel html

Astfel, codul tabelului 2x2 va arăta astfel:

Parametrii tabelelor, rândurilor și celulelor

Deci, am dezasamblat codul de bază. Acum hai să vorbim despre cum să îmbunătățim masa, să devenim mai strălucitori și mai atrăgători. Pentru a face acest lucru, trebuie să știți parametrii de bază ale etichetelor. Acestea sunt scrise în interiorul etichetei de deschidere, cu un semn egal după fiecare parametru, iar apoi este scrisă valoarea sa, citată. De exemplu, fundalul dintr-un tabel HTML este definit ca:

.

Iată câțiva parametri de bază care vă vor fi de folos. Să începem cu masa în sine.

Deci, puteți seta lățimea parametrului frontierei de frontieră, care poate lua orice valoare numerică. Culoarea frontală stabilește bordercolorul. Fundalul este setat de bgcolor.

Cum se face un tabel html

Dacă doriți să faceți o imagine a fundalului tabelului, utilizați fundalul, în timp ce trebuie să prescrieți adresa URL a imaginii.

Aliniați conținutul paginii în jurul tabelului cu parametrul align, care poate lua valorile stânga, centru și dreapta.

Puteți utiliza eticheta asociată pentru a seta titlul

, care este înregistrată imediat după eticheta de deschidere .

Puțin despre parametrii șirului. Culoarea celulelor din șir este specificată folosind bgcolor. Puteți alinia textul orizontal cu parametrul Aliniere (stânga, centru sau dreapta), vertical - valign (are valori de sus, mijloc sau de jos).

În ceea ce privește celula, se poate observa că culoarea de fundal și imaginea de fundal sunt setate pentru aceasta folosind aceiași parametri ca și pentru întregul tabel. Aliniați textul cu opțiunile de aliniere și valorificare.

Există și parametri specifici - colspan și rowspan. Cu ajutorul primei puteți seta numărul de coloane la care se va extinde celula. Cel de-al doilea precizează numărul de rânduri la care această celulă se poate extinde.

Acestea sunt toate opțiunile cele mai utile.

Tabel de culori

Să spunem câteva cuvinte despre un lucru atât de util ca masa de culoare. Se utilizează pentru a seta fundalul paginii, culoarea textului, legăturile și alte elemente. Tabelul de culori conține aproximativ 216 de culori și nuanțe. Fiecare dintre ele are propriul cod hexazecimal.

Codul însuși începe cu un caracter lattic și conține trei perechi de numere sau litere. De exemplu, culoarea verde din tabel are codul # 007F0. Fiecare pereche indică intensitatea uneia dintre cele trei culori primare - roșu, verde și albastru. Cu ajutorul tabelului, puteți selecta culoarea de care aveți nevoie și o puteți seta utilizând codul.

Dacă nu puteți utiliza masa, puteți seta culoarea utilizând numele acesteia în limba engleză.

conținut

Cum se face un tabel html

Pentru a pune text sau orice altă informație într-o celulă (o linie), este necesar să o înregistrați între două etichete. De exemplu:

. Celula afișează "Nume".

Puteți plasa informații grafice și fișiere media cu etichete speciale - ,

În cele din urmă, dați câteva sfaturi utile care vă vor ajuta să creați rapid un tabel HTML de orice complexitate.

Cum se face un tabel html

Cum se face un tabel html







Articole similare

Trimiteți-le prietenilor:

nume