Презентация содержит теоретический и практический материал по созданию таблиц в HTML и разбивке на фреймы.
Саматова Лилия Флюровна
07.06.2017
Содержимое разработки
Таблицы и фреймы в HTML
Таблицы в HTML
2- тег для создания таблиц
align=”…”- расположение таблицы
width=”%”- ширина таблицы
border=”число точек”- границы таблицы
2– создание строки
2- создание ячеек
rowspan=”количество ячеек, объединенных в строке”- объединение ячеек в строке
colspan=”число ячеек, объединенных в столбце”- объединение ячеек в столбце
2- определяет заголовок таблицы
align=”…”- расположение заголовка
Таблицы в HTML
1
2
3
6
5
4
1 2 3 6 5 4 ПАМЯТКА: 2 - тег для создания таблиц align=”…”- расположение таблицы width=”%”- ширина таблицы border=”число точек”- границы таблицы 2 – создание строки 2 - создание ячеек rowspan=”количество ячеек, объединенных в строке”- объединение ячеек в строке colspan=”число ячеек, объединенных в столбце”- объединение ячеек в столбце 2 - определяет заголовок таблицы align=”…”- расположение заголовка " width="640"
Таблицы в HTML
align=”center” width=”70%” border=”5”
1
2
3
6
5
4
ПАМЯТКА:
2- тег для создания таблиц
align=”…”- расположение таблицы
width=”%”- ширина таблицы
border=”число точек”- границы таблицы
2– создание строки
2- создание ячеек
rowspan=”количество ячеек, объединенных в строке”- объединение ячеек в строке
colspan=”число ячеек, объединенных в столбце”- объединение ячеек в столбце
2- определяет заголовок таблицы
align=”…”- расположение заголовка
Таблицы в HTML
1
3
2
1 3 2 ПАМЯТКА: 2 - тег для создания таблиц align=”…”- расположение таблицы width=”%”- ширина таблицы border=”число точек”- границы таблицы 2 – создание строки 2 - создание ячеек rowspan=”количество ячеек, объединенных в строке”- объединение ячеек в строке colspan=”число ячеек, объединенных в столбце”- объединение ячеек в столбце 2 - определяет заголовок таблицы align=”…”- расположение заголовка " width="640"
Таблицы в HTML
align=”center” width=”70%” border=”5”
1
3
2
ПАМЯТКА:
2- тег для создания таблиц
align=”…”- расположение таблицы
width=”%”- ширина таблицы
border=”число точек”- границы таблицы
2– создание строки
2- создание ячеек
rowspan=”количество ячеек, объединенных в строке”- объединение ячеек в строке
colspan=”число ячеек, объединенных в столбце”- объединение ячеек в столбце
2- определяет заголовок таблицы
align=”…”- расположение заголовка
Задание : создайте следующую таблицу в HTML. Файл сохраните в личной папке под именем tab1.htm
Таблицы в HTML
2
1
3
Задание : создайте следующую таблицу в HTML. Файл сохраните в личной папке под именем tab2.htm
Таблицы в HTML
2
1
3
4
5
7
6
Разбивка на фреймы в HTML
Фрейм - в переводе «кадр».
2 – разбивка на фреймы
- заполняет кадры файлами
Src=”название файла, которая заполняет кадры”
Cols=”…%,…%,…” – разбивка на кадры по столбцам
Rows=”…%,…%,…” – разбивка на кадры по строкам
Правила разбивки на фреймы:
1.До разбивки на фреймы нужно создать HTML файлы для заполнения кадров;
2.В программе, которые разбивают на кадры, могут отсутствовать теги и .
Разбивка на фреймы в HTML
Пусть имеются файлы 1.htm, 2.htm, 3.htm, 4.htm. Создать разбивку на фреймы следующим образом:
1.htm
2.htm
3.htm
4.htm
1.htm 2.htm 3.htm 4.htm 2 – разбивка на фреймы - заполняет кадры файлами Src=”название файла, которая заполняет кадры” Cols=”…%,…%,…” – разбивка на кадры по столбцам Rows=”…%,…%,…” – разбивка на кадры по строкам " width="640"
frame src=”2.htm”
1.htm
2.htm
3.htm
4.htm
2 – разбивка на фреймы
- заполняет кадры файлами
Src=”название файла, которая заполняет кадры”
Cols=”…%,…%,…” – разбивка на кадры по столбцам
Rows=”…%,…%,…” – разбивка на кадры по строкам
Задание : создайте следующую таблицу в HTML. Файл сохраните в личной папке под именем FR1.htm