Як намалювати таблицю в html

HTML є мовою розмітки сторінки, з його допомогою можна веб-сайти для розміщення в інтернеті. Для форматування документа в цьому випадку використовуються теги - елементи опису.
Як намалювати таблицю в HTML

Вам знадобиться

  • - комп`ютер;
  • - програма «Блокнот»;
  • - навички роботи c HTML.

Інструкція

1
Відкрийте свою сторінку, на яку потрібно додати таблицю в HTML за допомогою програми «Блокнот». Для цього клацніть по файлу правою кнопкою миші, щоб викликати контекстне меню, виберіть опцію «Відкрити за допомогою». Виберіть місце в тезі Body, щоб додати таблицю на сайт.


2
Використовуйте для розміщення таблиці в Html тег lt; TABLE gt; ... lt; / TABLE gt ;. Це основний тег, який описує таблицю. Всі її елементи повинні розташовуватися між відкриває і закриває тегом. За замовчуванням таблиця створюється без роздільників і обрамлення. Додайте при необхідності обрамлення за допомогою атрибута Border. Для цього вставте його всередині тега таблиці і додайте числове значення ширини рамки, наприклад, Border = 5.
3
Додайте рядки в таблицю. Для цього використовуйте тег lt; TR gt; ... lt; / TR gt ;, кількість рядків визначається кількістю його пар. Додайте опис осередку за допомогою тега lt; TD gt; ... lt; / TD gt ;. Осередок розміщуйте тільки всередині тега рядки, додайте до неї номер колонки (стовпчик), в якому вона розміщується.



4
Розташування тексту в осередку визначте за допомогою атрибутів Aligh (left, right, center) - визначає розміщення тексту по горизонталі, і Valign (middle, bottom, top) - визначає розміщення даних в осередку по вертикалі. Це опис можна додати як для окремої комірки, так і для всього рядка.
5
Використовуйте атрибут Colspan для об`єднання осередків по горизонталі, а Rowspan - по вертикалі. Приклад коду таблиці: lt; Table Border = 3 bordercolor = blue gt; lt; CAPTION ALIGN = middle gt; «Назва таблиці» lt; / CAPTION gt; lt; TR gt; lt; TD ROWSPAN = 2 gt; lt; / TD gt; lt; TH COLSPAN = 2 gt; «Назва об`єднаної рядки» lt; / TH gt; lt; / TR gt; lt; TR gt; lt; TH gt; «Назва першого шпальти» lt; / TH gt; lt; TH gt; «Назва другого шпальти» lt; / TH gt; lt; / TR gt; lt; TR gt; lt; TD gt; «Другий рядок» lt; / TD gt; lt; TD ALIGN = left gt; «Друга осередок другого рядка» lt; / TD gt; lt; TD ALIGN = left gt; «Третя осередок другого рядка» lt; / TD gt; lt; / TR gt; lt; / TABLE gt ;.


Увага, тільки СЬОГОДНІ!


Оцініть, будь ласка статтю
Всього голосів: 192
Увага, тільки СЬОГОДНІ!