МИНИСТЕРСТВО ВЫСШЕГО И СРЕДНЕГО СПЕЦИАЛЬНОГО
ОБРАЗОВАНИЯ РЕСПУБЛИКИ УЗБЕКИСТАН
ТАШКЕНТСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ
УНИВЕРСИТЕТ ИМЕНИ ИСЛАМА КАРИМОВА
Самостоятельная работа
по курсу «Основы Web-программирования»
на тему: Таблицы в HTML
Выполнил(а): студент(ка) гр. _____
______________________________
Проверил: Шоимардонов Т.Т.
Ташкент 2022
Содержание
1.Таблицы в HTML
2.Объединение столбцов
3.Объединение строк
4.Основные теги для работы с таблицами
Таблицы помогают нам систематизировать определённые данные в строки и столбцы. Они могут содержать в себе различную информацию, например, такую как текст, изображения, нумерованные (упорядоченные) и маркированные (неупорядоченные) списки и тому подобное.
Чтобы понять, как составить таблицу, давайте рассмотрим ее простейший вариант:
Основное содержимое таблицы заключается в тег .
Каждая строка таблицы помещается в элемент ... .
Ячейка заголовка таблицы помещается в элемент ... | (при этом содержимое отображается жирным начертанием и выравнивается по центру).
Каждая ячейка данных таблицы помещается в элемент ... | .
Наименование таблицы, если оно требуется размещается внутри элемента ... (необязательный элемент таблицы). Обращаю Ваше внимание, что если Вы планируете использовать данный элемент в своей таблице, то он должен следовать в документе сразу за элементом .
Давайте перейдем к практической части составления таблицы:
border = "1">
Элементарная таблица
Ячейка заголовка 1 | Ячейка заголовка 2 | Ячейка заголовка 3 |
Ячейка данных 1 Строка 2 | Ячейка данных 2 Строка 2 | Ячейка данных 3 Строка 2 |
Ячейка данных 1 Строка 3 | Ячейка данных 2 Строка 3 | Ячейка данных 3 Строка 3 |
конец таблицы-->
border = "1">
Элементарная таблица
colspan = "2">Ячейка заголовка 1 |
Ячейка заголовка 2 |
Ячейка данных 1 Строка 2 | Ячейка данных 2 Строка 2 | Ячейка данных 3 Строка 2 |
Ячейка данных 1 Строка 3 | Ячейка данных 2 Строка 3 | Ячейка данных 3 Строка 3 |
конец таблицы-->
border = "1">
Элементарная таблица
colspan = "2">Ячейка заголовка 1 |
Ячейка заголовка 2 |
rowspan = "2">Ячейка данных 1 Строка 2 | Ячейка данных 2 Строка 2 | Ячейка данных 3 Строка 2 |
Ячейка данных 2 Строка 3 | Ячейка данных 3 Строка 3 |
конец таблицы-->
span = "2" style = "background-color:khaki">
style = "background-color:silver">
style = "background-color:coral">
№ заявки | Услуга | Цена, руб. | Итого |
---|
31337 | Чтение в слух | 1 000 | 1 000 |
span = "2" style = "background-color:lime">
№ заявки | Услуга | Цена, руб. | Комиссия, руб. |
---|
31337 | Чтение в слух | 1 000 | 150 |
style="background-color:silver">
Услуга | Стоимость |
---|
style="background-color:coral"> Тег применяется для создания подвала таблицы. Его принято писать после тега, но отображается он в самом низу таблицы. -->
Сумма | 3 000 |
style="background-color:khaki">
Чтение в слух | 1 000 |
Игра на перфораторе | 2 000 |
| |
написать администратору сайта
|