Как да създадете таблица в HTML

Автор: Mark Sanchez
Дата На Създаване: 28 Януари 2021
Дата На Актуализиране: 1 Юли 2024
Anonim
Как создать вкладку в HTML с помощью блокнота
Видео: Как создать вкладку в HTML с помощью блокнота

Съдържание

Създаването на таблица в HTML е доста трудно. Но със стъпките, описани в тази статия, трябва да можете да създадете такава за вашия сайт.

Стъпки

  1. 1 Отворете проста програма за текстообработка като Notepad или WordPad в Windows или в Mac отворете TextEdit.
  2. 2 Въведете целия текст, който искате да видите пред таблицата.
  3. 3 Определете използването на таблица за HTML документ, като въведете таблицата> маркер.

  4. 4 Натиснете Enter.

  5. 5 Въведете маркера за отваряне на таблицата с редове, като използвате маркера tr>.
  6. 6Не забравяйте да изградите всички останали елементи отляво надясно.
  7. 7 Натиснете Enter.
  8. 8 Въведете начален маркер за заглавието на таблицата, като използвате тага th>.
  9. 9 Въведете заглавието, което искате да използвате за първата колона.
  10. 10 Въведете затварящ маркер за заглавния елемент на таблицата, като използвате маркера / th>.
  11. 11 Натиснете Enter.
  12. 12 Повторете стъпките (подреждане на елементи в колони от ляво на дясно).
  13. 13 Затворете този ред, като въведете маркера / tr>.
  14. 14 Натиснете Enter.
  15. 15 Започнете друг ред с друг tr> таг.
  16. 16 Натиснете Enter.
  17. 17 Въведете етикета с данни на таблицата, като използвате маркера td>.
  18. 18 Въведете данните от таблицата, които искате да включите във всяко поле.
  19. 19Работете отляво надясно, попълвайки данните от колоните, показани по -горе.
  20. 20 Затворете всеки вход с маркера / td>.
  21. 21 Повторете за всички данни от таблицата, които имате.
    • За клетки, в които не е нужно да въвеждате нищо, въведете td> и td> и нищо между тях. Това ще бъде много полезно за полета между две други полета.
  22. 22 Затворете всеки ред с друг / tr> маркер.
  23. 23 Повтаряйте всеки ред надолу в допълнение към редовете tr> и / td>, докато всеки ред бъде сглобен.
  24. 24 Затворете таблицата с маркера / table>.
  25. 25 Въведете следния HTML текст, както ви е необходимо за останалата част от документа.

Съвети

  • Отстъпете от всеки ред, за да можете да разберете какво се опитвате да направите във вашия код.

Предупреждения

  • Ако случайно въведете твърде много колони с данни, където няма заглавие на таблица, те ще продължат да се показват, но ще изглеждат малко глупави и читателят няма да разбере за какво е тази информация.
  • Изграждането на таблици на HTML страница е труден процес за разбиране. Първо практикувайте външните данни, за да видите как изглеждат, след това прегледайте и поставете новата таблица на нейното място.
  • Кодът на HTML таблицата е най -добре да се остави на напредналите HTML кодери. След като следвате тези инструкции, и вие ще станете едно от тях.