Құрылымдық жалауларға шолу (негізгі жалаулар) < html > < / html

Кесте элементтері: - тақырыптар-жолдар-бағандар-ұяшықтар

жүктеу/скачать 368 Kb.

бет	3/3
Дата	06.09.2022
өлшемі	368 Kb.
	#460339

1 2 3

ВЕБ лаб 06.09

Кесте элементтері: - тақырыптар-жолдар-бағандар-ұяшықтар

Ескерту: кестелерде есептелген формулалар жоқ

Флаги создания таблицы:

< TABLE > < / TABLE > - кестені құжатқа қосу

< / TR> - жолдар құру
- заголовки столбцов
- создание строк
- задание ячеек таблицы

1.Создадим таблицу:

DOCTYPE html>

<b> Кәсіби сынама </b>

Кәсіби сынама

ИТ-квантум. Веб-дизайн және сайтты әзірлеу.

< / TH> - баған тақырыптары

< / TD> - кесте ұяшықтарын орнату

- включение таблицы в документ

Заголовок столбца 1	Заголовок столбца 2
строка 1.столбец 1	строка 1.столбец 2
строка 2.объединим столбец 1 и столбец 2
строка 3.столбец 1	строка 3.столбец 2
строка 4. объединим столбец 1 и столбец 2

Таблица содержит 4 строки и 2 столбца. Таблица не имеет границ.

2.Управление отражением границ таблицы:

Для отражения текстовых и числовых данных удобно использовать таблицу с границами.
Для отображения границ служит параметр BORDER тега
BORDER = число (ширина границы в пикселях)
Примеры:

таблица не имеет границ
DOCTYPE html>

<b> Кәсіби сынама </b>

Кәсіби сынама

ИТ-квантум. Веб-дизайн және сайтты әзірлеу.

< TABLE BORDER=1>

Заголовок столбца 1 Заголовок столбца 2
строка 1.столбец 1 строка 1.столбец 2

строка 2.объединим столбец 1 и столбец 2

строка 3.столбец 1 строка 3.столбец 2

строка 4. объединим столбец 1 и столбец 2

3. Выравнивание содержимого ячеек

параметры ALIGN и VALIGN флага

ALIGN – задаёт режим горизонтального выравнивания
Значения параметра:
left – пол левому краю
center - по центру
right - по правому краю
Пример записи:

VALIGN – задаёт режим выравнивания содержимого ячейки по вертикали
Значения параметра:
top – по верхнему краю
center - по центру
bottom - по нижнему краю
Пример записи:

4.Объединение ячеек

параметры COLSPAN и ROWSPAN флагов

позволяют расширить ячейку таблицы на несколько строк и столбцов
Примеры:

- задаёт ширину табличного заголовка равную 3-м строкам

-задаёт ячейку в 2 столбца высотой
Ячейки объединяются в направлении слева направо и сверху вниз.
Чтобы объединить четыре ячейки, расположенные в двух строках и двух столбцах для верхней левой ячейки нужно указать параметры colspan=2 rowspan=2. Те ячейки, на которые идёт распространение можно не объявлять
DOCTYPE html>

Профессиональная проба

Профессиональная проба - Агидель - 2018

ИТ –квантум. Веб-дизайн и разработка.
< TABLE BORDER=1>

ЭМБЛЕМА Ячейка (строка 1.столбец 1)

Инновационно- образовательный комплекс «Технопарк» г Агидель - 2018 Ячейка (строка 1.столбец 2)

Технопарк – это не место работы, это состояние ума Ячейка (строка 2.столбец 1)

Меню Ячейка (строка 3.столбец 1)

Внимание! 15 декабря 2018 года в МАУ ДО ЦДО «Савитар» г Агидель состоится открытие «Технопарка» Ячейка (строка 3.столбец 2)

>Ячейка, захватывающая две строки(4 и 5 строки, столбец1)

Ячейка, захватывающая две строки (4 и 5 строки столбец 2)