Многие вебсайты по всему Интернету используют таблицы HTML для верстки веб-страниц, иногда при этом злоупотребляя этой возможностью. В учебнике по языку CSS мы поговорим о том, как можно сверстать веб-страницу без таблиц. Единственный способ корректного использования таблиц – это то, для чего они и предназначены, а именно для отображения табличных данных.
Существует достаточно много тегов, используемых для создания HTML таблиц, и полностью понять, как они работают, вероятно, является самой трудной задачей в этом учебнике для начинающих.
Скопируйте следующий код в тело (элемент ) ранее созданной вами веб-страницы, а затем мы рассмотрим, какая роль у каждого тега таблицы:
| Строка 1, ячейка 1 |
Строка 1, ячейка 2 |
Строка 1, ячейка 3 |
| Строка 2, ячейка 1 |
Строка 2, ячейка 2 |
Строка 2, ячейка 3 |
| Строка 3, ячейка 1 |
Строка 3, ячейка 2 |
Строка 3, ячейка 3 |
| Строка 4, ячейка 1 |
Строка 4, ячейка 2 |
Строка 4, ячейка 3 |
Элемент создает таблицу.
Элемент создает строку таблицы.
Элемент , как показано в примере.
Если вам нужна таблица 3x4, т.е. состоящая из 12 ячеек, то у вас внутри элемента
| создает ячейку данных. Этот тег должен находится внутри элемента | |
должно быть четыре элемента , определяющие строки, и три элемента | внутри каждого элемента строк, что в сумме и даст 12 элементов | .
Этих элементов достаточно, чтобы создать простую таблицу. Более продвинутых средствах создания HTML таблиц вы сможете узнать в соответствующем разделе.
HTML формы Вверх Как добавить изображения
HTML формы
HTML формы можно использовать для отсылки данных через Интернет и часто используются для организации обратной связи с пользователями.
Сами по себе формы совершенно бесполезны. Они должны быть всегда связаны с программами или скриптами, которые будут обрабатывать введенные пользователем данные. Однако этот вопрос лежит за пределами темы данного учебника.
Основные теги, используемые для создания HTML форм, - это тег |
|
