Виступаючий 1: Припустимо, що у вас є деякі табличних даних, які ви хотіли б макет на веб-сторінці в таблиці, з рядків і стовпців. Як це можна зробити? 

Ну, заздалегідь тут я отримав почалося з table.html, з деякими відкриті теги і деякі закриті теги. Усередині тіла тепер, давайте включають тег таблиці. І превентивно, саме так я не забувайте, давайте включимо тісний таблицю помітити, як добре. Всередині, що, давайте уточнимо рядок таблиці з тр тега. І, також превентивно, закрийте це. 

Тепер усередині цього ряду, давайте визначимо стовпчики чи дані, які будуть всередині цих стовпців, або клітини в ньому. Щоб зробити це, давайте використовувати Тег TD для табличних даних. Відкрити кронштейн тд закриває дужка. А тепер, як щодо ми починаємо моделювати номера телефону. Давайте почнемо з одного, а потім закрити цю таблицю тег даних. Відкриємо новий з 2. Закрийте це одне також. І потім третій. т.д 3 пильну тд. 

Куди я йду з цим? Ну, я стверджую, що, оскільки у нас є рядок таблиці, всередині якого ми маємо три табличних Дані, ми по суті маємо зачатки таблиці, яка має один рядок і три стовпці. Давайте тепер дати йому деякі додаткові рядки. 

Нижче закриття тр тега, давайте відкриємо другий тр тег, і превентивно близько що один також. Всередині, що, давайте зараз зробити тд 4, TD 5, і тд 6. Нижче цього рядка, давайте зробимо на третину. Відкрити рядок таблиці, недалеко рядок таблиці. Всередині, що, TD 7, TD 8, і тд 9. 

Нарешті, просто, щоб зробити речі красиві, давайте завершити дно цієї клавіатури телефону. Відкрити тр і близько тр. І всередині цього, TD зірки, TD 0, і тд фунт. Давайте тепер зберегти цей файл, зміни його права, і перегляду за допомогою браузера. 

Chmod + г table.html. Давайте тепер відкрити Chrome. http://localhost/table.html. І там у нас є те, що здається бути HTML таблиці. Це не зовсім схоже, що я очікував. Давайте принаймні, додати кордон тепер навколо всі ці елементів таблиці. 

Давайте повернемося до Gedit і прокрутіть до самої таблиці тега. І давайте додамо атрибут, відомий як "Кордон", який визначає числовий значення для ширини кордону. Кордон дорівнює цитата Unquote 1, де 1 позначає ширину межі таблиці. Давайте збережіть файл і перезавантажте сторінка в моєму браузері. 

Повернутися в Chrome, перезавантажити. І у нас це є. Дуже негарно, але проте табличні дані.