Аутор:
Mark Sanchez
Датум Стварања:
28 Јануар 2021
Ажурирати Датум:
1 Јули 2024
![Styling HTML tables with CSS - Web Design/UX Tutorial](https://i.ytimg.com/vi/biI9OFH6Nmg/hqdefault.jpg)
Садржај
Прилично је тешко направити табелу у ХТМЛ -у. Али са корацима наведеним у овом чланку, требали бисте бити у могућности да направите један за своју веб локацију.
Кораци
1 Отворите једноставан програм за обраду текста као што је Нотепад или ВордПад у оперативном систему Виндовс или на Мац -у отворите ТектЕдит.
2 Унесите сав текст који желите да видите испред табеле.
- 3 Дефинишите употребу табеле за ХТМЛ документ уносом табле> таг.
- 4 Притисните Ентер.
5 Унесите ознаку за отварање табеле редова помоћу ознаке тр>.
- 6Не заборавите да све преостале елементе изградите с лева на десно.
7 Притисните Ентер.
8 Унесите почетну ознаку за наслов табеле помоћу ознаке тх>.
9 Унесите наслов који желите да користите за прву колону.
10 Унесите завршну ознаку за елемент наслова табеле помоћу ознаке / тх>.
11 Притисните Ентер.
12 Поновите кораке (распоређивање ставки у колоне с лева на десно).
13 Затворите ову линију уносом ознаке / тр>.
14 Притисните Ентер.
15 Започните другу линију са другом тр> ознаком.
16 Притисните Ентер.
17 Унесите ознаку података табеле помоћу ознаке тд>.
18 Унесите податке табеле које желите да укључите у свако поље.
- 19Радите с лева на десно, попуњавајући податке из колона приказаних горе.
20 Затворите сваки улаз ознаком / тд>.
- 21 Поновите за све податке табеле које имате.
- За ћелије у којима не морате ништа да уносите, унесите тд> и тд> и ништа између. Ово ће бити веома корисно за поља између два друга поља.
- За ћелије у којима не морате ништа да уносите, унесите тд> и тд> и ништа између. Ово ће бити веома корисно за поља између два друга поља.
22 Затворите сваки ред другом ознаком / тр>.
23 Понављајте сваку линију надоле поред тр> и / тд> редова док се свака линија не састави.
24 Затворите табелу са ознаком / табле>.
25 Унесите следећи ХТМЛ текст који вам је потребан за остатак документа.
Савјети
- Увуците се из сваког реда како бисте разумели шта покушавате да урадите у свом коду.
Упозорења
- Ако случајно унесете превише колона података где нема наслова табеле, они ће се и даље приказивати, али ће изгледати помало блесаво и читалац неће разумети чему служе ове информације.
- Прављење табела на ХТМЛ страници је тежак процес за разумевање. Прво вежбајте спољне податке да бисте видели како изгледају, а затим прегледајте и поставите нову табелу на њено место.
- Код ХТМЛ табеле најбоље је препустити напредним ХТМЛ кодерима. Међутим, након што следите ова упутства, и ви ћете постати једно од њих.