Autors:
Mark Sanchez
Radīšanas Datums:
28 Janvārī 2021
Atjaunināšanas Datums:
1 Jūlijs 2024
![Attēlu ievietošana HTML](https://i.ytimg.com/vi/FzbhrWpXbbk/hqdefault.jpg)
Saturs
Ir diezgan grūti izveidot tabulu HTML. Bet, veicot šajā rakstā aprakstītās darbības, jums vajadzētu būt iespējai to izveidot savai vietnei.
Soļi
1 Atveriet vienkāršu tekstapstrādes programmu, piemēram, Notepad vai WordPad operētājsistēmā Windows, vai operētājsistēmā Mac atveriet TextEdit.
2 Ievadiet visu tekstu, ko vēlaties redzēt tabulas priekšā.
- 3 Definējiet tabulas izmantošanu HTML dokumentam, ievadot tabulu> tagu.
- 4 Nospiediet Enter.
5 Ievadiet tagu rindu tabulas atvēršanai, izmantojot tagu tr>.
- 6Atcerieties veidot visus atlikušos elementus no kreisās uz labo.
7 Nospiediet Enter.
8 Ievadiet tabulas virsraksta sākuma tagu, izmantojot tagu th>.
9 Ievadiet nosaukumu, kuru vēlaties izmantot pirmajā kolonnā.
10 Ievadiet tabulas virsraksta elementa noslēguma tagu, izmantojot tagu / th>.
11 Nospiediet Enter.
12 Atkārtojiet darbības (vienumu sakārtošana kolonnās no kreisās uz labo).
13 Aizveriet šo rindu, ievadot tagu / tr>.
14 Nospiediet Enter.
15 Sāciet citu rindu ar citu tagu tr>.
16 Nospiediet Enter.
17 Ievadiet tabulas datu tagu, izmantojot tagu td>.
18 Ievadiet tabulas datus, kurus vēlaties iekļaut katrā laukā.
- 19Strādājiet no kreisās puses uz labo, aizpildot datus no iepriekš parādītajām kolonnām.
20 Aizveriet katru ievadi ar tagu / td>.
- 21 Atkārtojiet visus tabulas datus, kas jums ir.
- Šūnām, kurās nekas nav jāievada, ievadiet td> un td> un neko starp tām. Tas būs ļoti noderīgi laukiem starp diviem citiem laukiem.
- Šūnām, kurās nekas nav jāievada, ievadiet td> un td> un neko starp tām. Tas būs ļoti noderīgi laukiem starp diviem citiem laukiem.
22 Aizveriet katru rindu ar citu / tr> tagu.
23 Atkārtojiet katru rindu uz leju papildus tr> un / td> līnijām, līdz katra līnija ir salikta.
24 Aizveriet tabulu ar tagu / table>.
25 Ievadiet šādu HTML tekstu, kā nepieciešams pārējā dokumenta daļā.
Padomi
- Atkāpe no katras rindas, lai jūs varētu saprast, ko jūs mēģināt darīt savā kodā.
Brīdinājumi
- Ja nejauši ievadāt pārāk daudz datu sleju, kur nav tabulas virsraksta, tās joprojām tiks rādītas, taču tās izskatīsies nedaudz dumjas un lasītājs nesapratīs, kam šī informācija paredzēta.
- Tabulu veidošana HTML lapā ir sarežģīts process, lai to saprastu. Vispirms praktizējiet ārējos datus, lai redzētu, kā tie izskatās, pēc tam pārlūkojiet un ievietojiet jauno tabulu savā vietā.
- HTML tabulas kodu vislabāk atstāt uzlabotajiem HTML kodētājiem. Tomēr pēc šo norādījumu ievērošanas arī jūs kļūsiet par vienu no tiem.