как по горизонтали, так и по вертикали.
- Главная
- Разное
- Образование
- Спорт
- Естествознание
- Природоведение
- Религиоведение
- Французский язык
- Черчение
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, фоны, картинки для презентаций
- Экология
- Экономика
Презентация, доклад по HTML Часть 4
Содержание
- 1. Презентация по HTML Часть 4
- 2. Блок . Как объединить столбцыСтолбцы объединяются с помощью
- 3. Расширим Ячейку1 на два столбцаРасширим Ячейку1 на два столбца,
- 4. Расширим Ячейку1 на два столбца без разваливания
- 5. Расширим Ячейку1 на 3 столбца без разваливания
- 6. Блок . Как объединить строкиКроме атрибута colspan существует также аналогичный атрибут rowspan, который расширяет ячейки по вертикали.
- 7. Расширим Ячейку1 на два рядаРасширим Ячейку1 на
- 8. Расширим Ячейку1 на два ряда без разваливания
- 9. Расширим Ячейку1 на 3 ряда без разваливания
- 10. Расширим еще и Ячейку2 на 2 столбцаРасширим
Блок . Как объединить столбцыСтолбцы объединяются с помощью атрибута colspan. При этом на самом деле этот атрибут не объединяет столбцы, а расширяет ячейку по горизонтали. К примеру, запись colspan="2" заставит ячейку стать такого же размера по ширине как две ячейки, а colspan="3" - как
Слайд 1Группировка ячеек HTML таблиц
Сейчас мы с вами займемся объединением ячеек. Будем объединять их
Слайд 2Блок . Как объединить столбцы
Столбцы объединяются с помощью атрибута colspan. При этом на
самом деле этот атрибут не объединяет столбцы, а расширяет ячейку по горизонтали. К примеру, запись colspan="2" заставит ячейку стать такого же размера по ширине как две ячейки, а colspan="3" - как три. Давайте рассмотрим примеры, чтобы понять более подробно, как это работает.
Слайд 3Расширим Ячейку1 на два столбца
Расширим Ячейку1 на два столбца, задав ей атрибут colspan в значении 2.
При этом она вытеснит ячейки справа и таблица развалится
Слайд 4Расширим Ячейку1 на два столбца без разваливания таблицы
Чтобы поправить проблему с
разваливанием таблицы из предыдущего примера, удалим одну из ячеек справа от нашей (это Ячейка2 или Ячейка3 - без разницы)
Слайд 5Расширим Ячейку1 на 3 столбца без разваливания таблицы
Расширим Ячейку1 на 3
столбца, задав ей атрибут colspan в значении 3. При этом удалим еще одну ячейку справа, чтобы таблица не развалилась
Слайд 6Блок . Как объединить строки
Кроме атрибута colspan существует также аналогичный атрибут rowspan, который расширяет ячейки
по вертикали.
Слайд 7Расширим Ячейку1 на два ряда
Расширим Ячейку1 на два ряда, задав ей
атрибут rowspan в значении 2. При этом она вытеснит ячейки из ряда под ней и таблица развалится
Слайд 8Расширим Ячейку1 на два ряда без разваливания таблицы
Чтобы поправить проблему с
разваливанием таблицы из предыдущего примера, удалим одну из ячеек из второго ряда (и это не обязательно Ячейка4, которая находится непосредственно под нашей Ячейкой1, можно удалять любую, я удалил ячейку с номером 5)
Слайд 9Расширим Ячейку1 на 3 ряда без разваливания таблицы
Теперь расширим нашу ячейку
не на два ряда, а на 3, задав ей rowspan в значении 3. При этом удалим одну из ячеек из третьего ряда (ячейку 7, 8 или 9 - без разницы), чтобы таблица не развалилась
Слайд 10Расширим еще и Ячейку2 на 2 столбца
Расширим еще и Ячейку2 на
2 столбца в дополнение к первой ячейке. Для этого Ячейке2 добавим colspan в значении 2. При этом удалим Ячейку3, чтобы таблица не развалилась
