Главная / Информатика / Практическая работа «Cоздание и форматирование таблиц с использование языка разметки гипертекстового документа html» 8 класс

Практическая работа «Cоздание и форматирование таблиц с использование языка разметки гипертекстового документа html» 8 класс

Документы в архиве:

41 КБ 8кл_Создание и форматирование табл в HTML.doc
11.73 КБ krechet.jpg
23.5 КБ Авдеева.doc
5.91 КБ Краснозобые казарки .jpeg
4.22 КБ полярная сова.jpeg
2.8 КБ стерх.jpeg

Название документа 8кл_Создание и форматирование табл в HTML.doc

Практическая работа «Cоздание и форматирование таблиц с использование языка разметки гипертекстового документа html»

hello_html_mfb416ba.png

Задача 1. Создать таблицу 3х2 соответствующую заданной.

Таблица задается тэгом:

Таблица состоит из строк и столбцов (ячеек),

<hello_html_m6d53f1dc.pngtr> - строчка таблицы

- столбец (ячейка) таблицы

Таблица из двух строк и трех столбцов (ячеек). Для наглядности ячейки таблицы выделены разными цветами. Границы таблицы не заданы.
Фон задается параметром bgcolor="цвет_фона". Фон можно задать для таблицы в целом, для ряда, для столбца (в пределе одного ряда). В нашем случае мы задаем фон для каждого столбца.



bgcolor="#FFCC33">1x1
bgcolor="#336699">1x2
bgcolor="#FFCC33">1x3


bgcolor="#336699">2x1
bgcolor="#FFCC33">2x2
bgcolor="#336699">2x3


Вспомним о параметрах height и width - вы можете их задать для всей таблицы, для одного ряда, для ячейки (столбца). Высота и ширина могут задаваться как в пикселях, так и процентах. Мы зададим ширину и высоту в пикселях для столбцов (ячеек).

Теперь нам осталось лишь выровнять содержимое внутри таблицы:



1x1
1x2
1x3


2x1
2x2
2x3

Вставка картинок в таблицу:

<img src="имя файла.расширение" width="295" height="214">

  • Тэг <img src="oleni.jpg" – указывает, что осуществляется вставка изображения

  • Тэги width="295" height="214"> указывают ширину и высоту изображения


Тэг

oleni.jpg

width="295" height="214">

осуществляет ввод изображения в ячейку таблицы.

  • Тэг <p align="center"> указывает на то, что изображение будет размещено по центру

Задача для самостоятельного выполнения.

Создать таблицу 5х2 (5 строк и 2 столбца) «Птицы из Красной книги ЯНАО»

Название птицы

Изображение










Название документа Авдеева.doc

Практическая работа «Создание и форматирование таблиц с использованием языка HTML» Информатика

8 класс

1. http://www.postroika.ru/html -

html-uroki для начинающих, автор Алленова Наталья 2. Учебник Информатика и ИКТ Угринович 8 класс.

3. Ссылки на изображения

http://www.yamaltur.ru/node/51

http://www.gublibrary.ru/arh/oct_11/_version/Oktober_2011/V_YANAO.htm

http://www.newsprom.ru/news/130631450703126.shtml?sdate=1305309600

http://fotki.yandex.ru/users/tzartoad/view/277428/?page=2

Информатика, практическая работ, 8 класс Авдеева Татьяна Юрьевна учитель информатики высшая квалификационная категория МОУ СОШУИП №3 ЯНАО, г.Лабытнанги tua_lbt@mail.ru



Практическая работа «Cоздание и форматирование таблиц с использование языка разметки гипертекстового документа html» 8 класс
  • Информатика
Описание:

Задача. Создать таблицу 3х2 соответствующую заданной.
Таблица задается тэгом:

 
Таблица состоит из строк и столбцов (ячеек),
- строчка таблицы
- столбец (ячейка) таблицы


Таблица из двух строк и трех столбцов (ячеек). Для наглядности ячейки таблицы выделены разными цветами. Границы таблицы не заданы.
Фон задается параметром bgcolor="цвет_фона". Фон можно задать для таблицы в целом, для ряда, для столбца (в пределе одного ряда). В нашем случае мы задаем фон для каждого столбца.
bgcolor="#FFCC33" >1x1bgcolor="#336699" >1x2bgcolor="#FFCC33" >1x3
bgcolor="#336699" >2x1bgcolor="#FFCC33" >2x2bgcolor="#336699" >2x3

Вспомним о параметрах height и width - вы можете их задать для всей таблицы, для одного ряда, для ячейки (столбца). Высота и ширина могут задаваться как в пикселях, так и процентах. Мы зададим ширину и высоту в пикселях для столбцов (ячеек).
Теперь нам осталось лишь выровнять содержимое внутри таблицы:
1x1
1x2
1x3
2x1
2x2
2x3

Вставка картинок в таблицу:
  • Тэг oleni.jpg
  • Тэги width="295" height="214"> указывают ширину и высоту изображения

Тэг

oleni.jpg width="295" height="214">


осуществляет ввод изображения в ячейку таблицы.
  • Тэг

    указывает на то, что изображение будет размещено по центру

Задача для самостоятельного выполнения.
Создать таблицу 5х2 (5 строк и 2 столбца) «Птицы из Красной книги ЯНАО»

Название птицы

Изображение










02.11.2012

save.pngПриложения: Архив материалов к уроку «Cоздание и форматирование таблиц с использование языка разметки гипертекстового документа html» объемом 44 Кб (int4.zip)

  1. Конспект практикума в формате .DOC
  2. Графические материалы .jpg
Автор Авдеева Татьяна Юрьевна
Дата добавления 02.11.2012
Раздел Информатика
Подраздел
Просмотров 2133
Номер материала 316
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓