Загрузить PDFЗагрузить PDFX
How.com.vn работает по принципу вики, а это значит, что многие наши статьи написаны несколькими авторами. При создании этой статьи над ее редактированием и улучшением работали авторы-волонтеры.
Количество просмотров этой статьи: 5407.
Создать таблицу в HTML довольно сложно. Но с помощью шагов, представленных в этой статье, вы сможете создать ее для вашего сайта.
Шаги
Загрузить PDF
Откройте простую программу текстового редактора, например Notepad или WordPad на Windows, или на Mac откройте TextEdit.
Введите весь текст, который вы хотите видеть перед таблицей.- Определите использование таблицы для HTML документа, введя тэг <table>.
- Нажмите Enter.
Введите тэг открытия таблицы-строки с помощью тэга <tr>.- 6Не забудьте построить все оставшиеся элементы слева направо.
Нажмите Enter.
Введите открывающий тэг для заголовка таблицы с помощью тэга <th>.
Введите название, которое хотите использовать для первого столбца.
Введите закрывающий тэг для элемента заглавия таблицы с помощью тэга </th>.
Нажмите Enter.
Повторите шаги (выстраивая элементы в столбцах слева направо).
Закройте эту строку, введя тэг </tr>.
Нажмите Enter.
Начните другую строку с другого тэга <tr>.
Нажмите Enter.
Введите тэг данных таблицы, с помощью тэга <td>.
Введите данные таблицы, которые хотите включить в каждое поле.- 19Работайте слева направо, заполняя данные из столбцов, показанных выше.
Закрывайте каждый ввод с помощью тэга </td>.- Повторите для всех данных таблицы, которые есть.
- Для тех ячеек, куда нет необходимости ничего вводить, вводите <td> и <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)
Об этой статье
Эту страницу просматривали 5407 раз.
Была ли эта статья полезной?
⚠️ Disclaimer:
Content from Wiki How Русский language website. Text is available under the Creative Commons Attribution-Share Alike License; additional terms may apply.
Wiki How does not encourage the violation of any laws, and cannot be responsible for any violations of such laws, should you link to this domain, or use, reproduce, or republish the information contained herein.
- - A few of these subjects are frequently censored by educational, governmental, corporate, parental and other filtering schemes.
- - Some articles may contain names, images, artworks or descriptions of events that some cultures restrict access to
- - Please note: Wiki How does not give you opinion about the law, or advice about medical. If you need specific advice (for example, medical, legal, financial or risk management), please seek a professional who is licensed or knowledgeable in that area.
- - Readers should not judge the importance of topics based on their coverage on Wiki How, nor think a topic is important just because it is the subject of a Wiki article.
Реклама
