Како направити табелу у ХТМЛ -у

Аутор: Mark Sanchez
Датум Стварања: 28 Јануар 2021
Ажурирати Датум: 1 Јули 2024
Anonim
Styling HTML tables with CSS -  Web Design/UX Tutorial
Видео: Styling HTML tables with CSS - Web Design/UX Tutorial

Садржај

Прилично је тешко направити табелу у ХТМЛ -у. Али са корацима наведеним у овом чланку, требали бисте бити у могућности да направите један за своју веб локацију.

Кораци

  1. 1 Отворите једноставан програм за обраду текста као што је Нотепад или ВордПад у оперативном систему Виндовс или на Мац -у отворите ТектЕдит.
  2. 2 Унесите сав текст који желите да видите испред табеле.
  3. 3 Дефинишите употребу табеле за ХТМЛ документ уносом табле> таг.

  4. 4 Притисните Ентер.

  5. 5 Унесите ознаку за отварање табеле редова помоћу ознаке тр>.
  6. 6Не заборавите да све преостале елементе изградите с лева на десно.
  7. 7 Притисните Ентер.
  8. 8 Унесите почетну ознаку за наслов табеле помоћу ознаке тх>.
  9. 9 Унесите наслов који желите да користите за прву колону.
  10. 10 Унесите завршну ознаку за елемент наслова табеле помоћу ознаке / тх>.
  11. 11 Притисните Ентер.
  12. 12 Поновите кораке (распоређивање ставки у колоне с лева на десно).
  13. 13 Затворите ову линију уносом ознаке / тр>.
  14. 14 Притисните Ентер.
  15. 15 Започните другу линију са другом тр> ознаком.
  16. 16 Притисните Ентер.
  17. 17 Унесите ознаку података табеле помоћу ознаке тд>.
  18. 18 Унесите податке табеле које желите да укључите у свако поље.
  19. 19Радите с лева на десно, попуњавајући податке из колона приказаних горе.
  20. 20 Затворите сваки улаз ознаком / тд>.
  21. 21 Поновите за све податке табеле које имате.
    • За ћелије у којима не морате ништа да уносите, унесите тд> и тд> и ништа између. Ово ће бити веома корисно за поља између два друга поља.
  22. 22 Затворите сваки ред другом ознаком / тр>.
  23. 23 Понављајте сваку линију надоле поред тр> и / тд> редова док се свака линија не састави.
  24. 24 Затворите табелу са ознаком / табле>.
  25. 25 Унесите следећи ХТМЛ текст који вам је потребан за остатак документа.

Савјети

  • Увуците се из сваког реда како бисте разумели шта покушавате да урадите у свом коду.

Упозорења

  • Ако случајно унесете превише колона података где нема наслова табеле, они ће се и даље приказивати, али ће изгледати помало блесаво и читалац неће разумети чему служе ове информације.
  • Прављење табела на ХТМЛ страници је тежак процес за разумевање. Прво вежбајте спољне податке да бисте видели како изгледају, а затим прегледајте и поставите нову табелу на њено место.
  • Код ХТМЛ табеле најбоље је препустити напредним ХТМЛ кодерима. Међутим, након што следите ова упутства, и ви ћете постати једно од њих.