Презентация, доклад по HTML Часть 4

Презентация на тему Презентация по HTML Часть 4, предмет презентации: Информатика. Этот материал в формате pptx (PowerPoint) содержит 10 слайдов, для просмотра воспользуйтесь проигрывателем. Презентацию на заданную тему можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них, все права принадлежат авторам презентаций и могут быть удалены по их требованию.

Слайды и текст этой презентации

Слайд 1
Группировка ячеек HTML таблицСейчас мы с вами займемся объединением ячеек. Будем объединять их как по горизонтали, так и по
Текст слайда:

Группировка ячеек HTML таблиц

Сейчас мы с вами займемся объединением ячеек. Будем объединять их как по горизонтали, так и по вертикали.


Слайд 2
Блок . Как объединить столбцыСтолбцы объединяются с помощью атрибута colspan. При этом на самом деле этот атрибут не объединяет
Текст слайда:

Блок . Как объединить столбцы

Столбцы объединяются с помощью атрибута colspan. При этом на самом деле этот атрибут не объединяет столбцы, а расширяет ячейку по горизонтали. К примеру, запись colspan="2" заставит ячейку стать такого же размера по ширине как две ячейки, а colspan="3" - как три. Давайте рассмотрим примеры, чтобы понять более подробно, как это работает.


Слайд 3
Расширим Ячейку1 на два столбцаРасширим Ячейку1 на два столбца, задав ей атрибут colspan в значении 2. При этом она вытеснит ячейки справа
Текст слайда:

Расширим Ячейку1 на два столбца

Расширим Ячейку1 на два столбца, задав ей атрибут colspan в значении 2. При этом она вытеснит ячейки справа и таблица развалится


Слайд 4
Расширим Ячейку1 на два столбца без разваливания таблицыЧтобы поправить проблему с разваливанием таблицы из предыдущего примера, удалим
Текст слайда:

Расширим Ячейку1 на два столбца без разваливания таблицы

Чтобы поправить проблему с разваливанием таблицы из предыдущего примера, удалим одну из ячеек справа от нашей (это Ячейка2 или Ячейка3 - без разницы)


Слайд 5
Расширим Ячейку1 на 3 столбца без разваливания таблицыРасширим Ячейку1 на 3 столбца, задав ей атрибут colspan в значении 3. При
Текст слайда:

Расширим Ячейку1 на 3 столбца без разваливания таблицы

Расширим Ячейку1 на 3 столбца, задав ей атрибут colspan в значении 3. При этом удалим еще одну ячейку справа, чтобы таблица не развалилась


Слайд 6
Блок . Как объединить строкиКроме атрибута colspan существует также аналогичный атрибут rowspan, который расширяет ячейки по вертикали.
Текст слайда:

Блок . Как объединить строки

Кроме атрибута colspan существует также аналогичный атрибут rowspan, который расширяет ячейки по вертикали.


Слайд 7
Расширим Ячейку1 на два рядаРасширим Ячейку1 на два ряда, задав ей атрибут rowspan в значении 2. При этом она вытеснит
Текст слайда:

Расширим Ячейку1 на два ряда

Расширим Ячейку1 на два ряда, задав ей атрибут rowspan в значении 2. При этом она вытеснит ячейки из ряда под ней и таблица развалится


Слайд 8
Расширим Ячейку1 на два ряда без разваливания таблицыЧтобы поправить проблему с разваливанием таблицы из предыдущего примера, удалим
Текст слайда:

Расширим Ячейку1 на два ряда без разваливания таблицы

Чтобы поправить проблему с разваливанием таблицы из предыдущего примера, удалим одну из ячеек из второго ряда (и это не обязательно Ячейка4, которая находится непосредственно под нашей Ячейкой1, можно удалять любую, я удалил ячейку с номером 5)


Слайд 9
Расширим Ячейку1 на 3 ряда без разваливания таблицыТеперь расширим нашу ячейку не на два ряда, а на
Текст слайда:

Расширим Ячейку1 на 3 ряда без разваливания таблицы

Теперь расширим нашу ячейку не на два ряда, а на 3, задав ей rowspan в значении 3. При этом удалим одну из ячеек из третьего ряда (ячейку 7, 8 или 9 - без разницы), чтобы таблица не развалилась


Слайд 10
Расширим еще и Ячейку2 на 2 столбцаРасширим еще и Ячейку2 на 2 столбца в дополнение к первой
Текст слайда:

Расширим еще и Ячейку2 на 2 столбца

Расширим еще и Ячейку2 на 2 столбца в дополнение к первой ячейке. Для этого Ячейке2 добавим colspan в значении 2. При этом удалим Ячейку3, чтобы таблица не развалилась


Что такое shareslide.ru?

Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.


Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть