Загрузить PDF
Загрузить PDF
Создать таблицу в HTML довольно сложно. Но с помощью шагов, представленных в этой статье, вы сможете создать ее для вашего сайта.
Шаги
-
Откройте простую программу текстового редактора, например Notepad или WordPad на Windows, или на Mac откройте TextEdit.
-
Введите весь текст, который вы хотите видеть перед таблицей.
-
Определите использование таблицы для HTML документа, введя тэг <table>.
-
Введите тэг открытия таблицы-строки с помощью тэга <tr>.
-
6Не забудьте построить все оставшиеся элементы слева направо.
-
Нажмите Enter.
-
Введите открывающий тэг для заголовка таблицы с помощью тэга <th>.
-
Введите название, которое хотите использовать для первого столбца.
-
Введите закрывающий тэг для элемента заглавия таблицы с помощью тэга </th>.
-
Нажмите Enter.
-
Повторите шаги (выстраивая элементы в столбцах слева направо) .
-
Закройте эту строку, введя тэг </tr>.
-
Нажмите Enter.
-
Начните другую строку с другого тэга <tr>.
-
Нажмите Enter.
-
Введите тэг данных таблицы, с помощью тэга <td>.
-
Введите данные таблицы, которые хотите включить в каждое поле.
-
19Работайте слева направо, заполняя данные из столбцов, показанных выше.
-
Закрывайте каждый ввод с помощью тэга </td>.
-
Повторите для всех данных таблицы, которые есть.
- Для тех ячеек, куда нет необходимости ничего вводить, вводите <td> и <td> и ничего между ними. Это будет очень полезно для полей между двумя другими полями.
-
Закройте каждую строку другим тэгом </tr>.
-
Повторите каждую строку вниз в дополнение к строкам <tr> и </td>, пока каждая строка не будет собрана.
-
Закройте таблицу с помощью тэга </table>.
-
Введите последующий HTML текст, который вам нужен в остальной части документа.Реклама
Советы
- Отступайте от каждой строки, чтобы можно было понять что вы пытаетесь сделать в вашем коде.
Реклама
Предупреждения
- Если вы случайно ввели слишком много столбцов данных там, где нет заглавия таблицы, они все равно будут показаны, но будут выглядеть немного глупо и читатель не поймет к чему эта информация.
- Построение таблиц на странице HTML довольно сложный процесс для понимания. Сначала попрактикуйтесь на внешних данных, чтобы посмотреть как это выглядит, затем просмотрите и поместите новую таблицу на их место.
- Код таблицы HTML лучше всего оставить для продвинутых кодировщиков HTML. Тем не менее, после того, как вы выполните эти инструкции, вы тоже станете одним из них.
Реклама
Источники
- http://www.w3.org/TR/html4/struct/tables.html
- Creating a Web Site: The Missing Manual(Second Edition) by Matthew McDonald p. 233-235)
Об этой статье
Эту страницу просматривали 5709 раз.
Реклама