DatoriProgrammatūra

Izmantojot HTML tabulu

HTML, ir tik daudz elementu, un katrs no tiem ir unikāls savā veidā. Tabula - ļoti interesanti, populārs un nopietns temats. Pateicoties viņai, jūs varat ne tikai sniegt informāciju ērtā formā, bet arī, lai izveidotu vietnes struktūru.

Agrāk gandrīz visi tīmekļa pārziņiem izmantot tabulas izkārtojums ir vietnes. Sākotnēji tabulā tas nenāk līdzi. Tādēļ mums ir jāizmanto bloka div elementu, lai atzīmētu vietu.

Ja jūs nevēlaties, lai vienmēr paliek iesācēju, pierast nekavējoties darīt visu pareizi. Tas ir ļoti svarīgi valodas HTML. Tabulā jānovieto tikai parasto informāciju (tekstu, saites, sarakstus, attēlus un P. utt.), Nevis visu vietni kopumā.

Kā veikt tabulu HTML?

Tabula - komplekss elements, kas sastāv no daudziem citiem elementiem. Atcerieties, ka, veidojot šūnas vai rindas vienmēr uzreiz vajag likt slēgšanas tag. Pretējā gadījumā tas būs lidot. Handler pārlūkprogrammā meklēs beigās elementu, un, kamēr viņš atrod to, viss turpinās iekļaut tabulā. Rezultāts būs putra.

Ja jūs rakstīt tīmekļa vietni ar "Notepad", tad viss būs jādara ar rokām. Ja pēdējā redaktoru, tur parasti ir poga - "ievietot galda", "ievietot attēlu", un tā tālāk.

2. PIEMĒRS 2. tabula.

teksts pirmajā rindiņā pirmās šūnas

tekstu otrajā rindā pirmās šūnas

tekstu no pirmās šūnas no otrās rindas

tekstu no otrās šūnas no otrās rindas

Birkas

un norāda sākumu un beigas tabulā. Birkas un - sākums un beigas līnijas. Tajā pašā rindā var būt jebkurš skaitlis no šūnām, kas definētas ar tagiem , ir papildu tagu
un .

Galvenais noteikums ir: šūnu skaits katrā rindā jābūt vienādam. Tā ir tabula.

Bet, tāpat kā Word un Excel redaktoru, šūnas var apvienot ar otru.

Kā apvienot tabulas šūnas?

Lai apvienotu un izmantotu Colspan Rowspan atribūtus. Span tiek tulkots kā "vāka" vai "pārklāšanās". Burtiskā nozīmē - lai aptvertu / aizvērtu šūnu / rindu.

Šī atribūta vērtībai ir norādīt, cik daudz rindas vai šūnas tiks bloķēta. Turpmāk ir ilustratīvs piemērs izmantojot gan HTML atribūtu tabulā.

Šajā piemērā, pirmā līnija 3 apvienoti šūnas, izmantojot atribūtu colspan = "3". Tad pirmo šūnu otrās virknes izstieptas četrās rindās. Atcerieties, ka posms / apvienot tikai pirmajā šūnā. Viņas īpašums izplatīties tālāk. Viss, kas nāk pirms netiks ietekmēta.

Ja jums ir 5 šūnas, kuru vēlaties apvienot no 2 līdz 4, tad jums ir nepieciešams tikai pie šūnu skaits 2 norādīt atribūta colspan = "3".

Ievērojiet slota numurs 9 attēlā augstāk. Tur apvienoti nekavējoties un šūnas un rindas. Šādas darbības nav aizliegtas.

Paskaties vēl vienu piemēru, lai nodrošinātu informāciju. Tā kā daži sajaukt un atribūtiem, nevis rindas šūnu dažreiz kopā.

tabulas formātā

Veikt parastu, standarta gadījumu HTML. Tabula Divas rindas divu šūnu katrā.

koda būs šāds.

Kā jūs varat redzēt, nav sekas. Jūs varat pievienot rāmi, norādiet platumu un augstumu.

Jūs varat arī spēlēt ar saskaņošanu. To var saskaņot augstumu un platumu.

Align saskaņot horizontāli, un valign - vertikāla. Tas ir šāds rezultāts.

Atribūti saskaņot un valign var piemērot visam līnijas. Tad visas šūnas, kas ir tajā, būs pakļauti šiem atribūtiem.

Papildus taga

un
. Faktiski tas ir analogs , bet tas tiek izmantots tikai pirmās rindas, un ir pozīcijā. Pēc noklusējuma teksts uz ir centrēts un treknrakstā.

Kā pieslēgt stilu galda?

Tāpat kā jebkura tagiem HTML, tabulu var pārveidot, izmantojot stilus. Jums ir nepieciešams, lai norādītu stila failu galvā vai gatavs stils (kā norādīts galvu).

...