Kā izveidot tabulu HTML

Autors: Mark Sanchez
Radīšanas Datums: 28 Janvārī 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
Attēlu ievietošana HTML
Video: Attēlu ievietošana HTML

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. 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. 2 Ievadiet visu tekstu, ko vēlaties redzēt tabulas priekšā.
  3. 3 Definējiet tabulas izmantošanu HTML dokumentam, ievadot tabulu> tagu.

  4. 4 Nospiediet Enter.

  5. 5 Ievadiet tagu rindu tabulas atvēršanai, izmantojot tagu tr>.
  6. 6Atcerieties veidot visus atlikušos elementus no kreisās uz labo.
  7. 7 Nospiediet Enter.
  8. 8 Ievadiet tabulas virsraksta sākuma tagu, izmantojot tagu th>.
  9. 9 Ievadiet nosaukumu, kuru vēlaties izmantot pirmajā kolonnā.
  10. 10 Ievadiet tabulas virsraksta elementa noslēguma tagu, izmantojot tagu / th>.
  11. 11 Nospiediet Enter.
  12. 12 Atkārtojiet darbības (vienumu sakārtošana kolonnās no kreisās uz labo).
  13. 13 Aizveriet šo rindu, ievadot tagu / tr>.
  14. 14 Nospiediet Enter.
  15. 15 Sāciet citu rindu ar citu tagu tr>.
  16. 16 Nospiediet Enter.
  17. 17 Ievadiet tabulas datu tagu, izmantojot tagu td>.
  18. 18 Ievadiet tabulas datus, kurus vēlaties iekļaut katrā laukā.
  19. 19Strādājiet no kreisās puses uz labo, aizpildot datus no iepriekš parādītajām kolonnām.
  20. 20 Aizveriet katru ievadi ar tagu / td>.
  21. 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.
  22. 22 Aizveriet katru rindu ar citu / tr> tagu.
  23. 23 Atkārtojiet katru rindu uz leju papildus tr> un / td> līnijām, līdz katra līnija ir salikta.
  24. 24 Aizveriet tabulu ar tagu / table>.
  25. 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.