HTML табліцы лёгка стварыць, як толькі вы разумееце асновы радкоў і слупкоў - а таксама, калі вы зразумееце, калі ён у парадку, каб выкарыстоўваць табліцу, і калі вы павінны пазбягаць іх.
Кароткая гісторыя табліц і вэб-дызайн
Шмат гадоў таму, да таго , як прымальны для CSS і вэб - стандартаў, вэб - дызайнеры выкарыстоўвалі элемент HTML
для стварэння макета старонкі для сайтаў. дызайн сайта будзе «нарэзаных» на дробныя кавалачкі, як галаваломкі, а затым у спалучэнні з HTML-табліцы для адлюстравання ў браўзэры, як меркавалася. Гэта быў вельмі складаны працэс , які стварыў шмат дадатковых HTML - разметкі і які ніколі не будзе выкарыстоўвацца сёння ў свеце мульты-экран нашы сайты жывуць . Як CSS стаў прынятым метадам для вэба-старонкі візуальных і размяшчэння, выкарыстанне табліц для гэтага стала пазбягалі і многіх вэб-дызайнераў памылкова лічыў, што «табліцы былі дрэнныя.» Гэта было і не адпавядае рэчаіснасці. Табліцы для разметкі дрэнныя, але яны ўсё яшчэ маюць месца ў вэб-дызайне і HTML, а менавіта для адлюстравання таблічных дадзеных, як каляндар расклад руху цягнікоў. Для гэтага кантэнту, выкарыстоўваючы табліцу па-ранейшаму з'яўляецца прымальным і добры падыход.
Так як жа макет табліцы? Давайце пачнем з стварэння проста 2х2 табліцы. Гэта будзе мець 2 калонкі (гэтыя вертыкальныя блокі) і 2 радкі (гарызантальныя блокі). Пасля таго як вы стварылі табліцу 2х2, вы можаце стварыць любы памер табліцы вы хочаце проста шляхам дадання дадатковых радкоў або Стоўбцаў.
Складанасць: Сярэдняя
Неабходны час: 10 хвілін
Вось як:
- Спачатку адкрыйце табліцу
- Адкрыйце першы радок з т.р. тэгам
- Адкрыйце першы слупок з тд тэга
- Запісвае змесціва ячэйкі
- Зачыніце першую вочка і адкрыць другі TD>
- Запісаць змесціва другой ячэйкі
- Зачыніце другую вочка і зачыніць шэраг TD> TR>
- Запісаць другі радок дакладна так, як першы
TD> | TD> TR> - Затым зачыніце табліцу table>
Вы можаце таксама выбраць, каб дадаць загалоўкі табліцы ў табліцу з дапамогай элемента <й>. Гэтыя загалоўкі табліц будзе замяніць або «табліца дадзеных» ў частцы першага радка табліцы, як гэта:
<й> Name й> <й> Роля й> TR> Джэрэмі TD> | Канструктар TD> TR> < TD> Джэніфер TD> | Распрацоўшчык TD> | TR> table> Калі гэтая старонка будзе аказваць у браўзэры, што першы радок з загалоўкамі табліцы будзе, па змаўчанні, дысплей тлустага тэксту, і яны будуць сканцэнтраваны ў вочку табліцы, што яны з'яўляюцца ў.
Так, нармалёва гэта выкарыстоўваць табліцы ў HTML? Так - да таго часу, пакуль вы не выкарыстоўваеце іх для мэт кампаноўкі. Калі вам трэба адлюстраваць таблічную інфармацыю, табліца з'яўляецца спосабам зрабіць гэта. На самай справе, пазбягаючы стала з-за якой-то памылковай чысціні цурацца гэтага legitmate HTML элемент у адваротным кірунку, як выкарыстоўваць іх па прычынах макета ў гэты дзень і ўзрост.
Аўтар Джэніфер Kyrin. Пад рэдакцыяй Джэрэмі Girard на 8/11/16
| | |