Таблиця HTML - 3
Нове давайте на практиці те, що ми обговорювали. Додамо таблицю шириною 500 пікселів у ваш файл Template5.html. Ми хочемо, щоб таблиця мала три ряди, по 1 коробці всередині кожного рядка, рамка шириною в 1 піксель, а вміст всередині комірок - по центру. Після створення таблиці перемістіть "Hello World" всередину верхньої комірки (рядок 1 - клітинка 1). Потім перемістіть теги шрифту та "Введіть сюди" у комірку другого ряду (рядок 2 - клітинка 1). Нарешті залиште рядок 3 - клітинку 1 порожньою. Відкрийте файл Template5.html у своєму текстовому редакторі, додайте наступний код і збережіть новий файл як Template6.html.

Таблиця - вихідний код





Привіт Світ

Введіть
Ось


Примітка--Стрілка вказує на те, що код прив’язаний до другого рядка і дійсно повинен бути весь на одному рядку.

Template6.html - вихідний код


Привіт Світ









Привіт Світ

Введіть
Ось




Примітка--Стрілка вказує на те, що код прив’язаний до другого рядка і дійсно повинен бути весь на одному рядку.

Тепер відкрийте Template6.html у своєму веб-переглядачі та подивіться на вашу нову таблицю. Можливо, ви захочете зробити закладку цього підручника. Ми будемо створювати багато таблиць протягом наступних кількох статей. Ви можете продовжувати експериментувати з таблицею, додаючи, видаляючи та змінюючи пари атрибутів / значень для кожного тегу. Коли ви закінчите, поставте код у Template6.html назад до вищевказаного коду та збережіть його знову.

← Назад

|



Відео Інструкція: HTML для начинающих - #4 - Таблицы (Може 2024).