- Учителю
- Урок Содержание и структура сайта
Урок Содержание и структура сайта
Тема: Содержание и структура сайта
Урок 1
Основные команды языка
Гарнитура шрифта |
FACE="Arial" |
Размер шрифта |
SIZE=4 |
Цвет шрифта |
или |
Жирный | |
Курсив | |
Выравнивание текста |
, , |
Перевод строки |
|
Горизонтальная линия | |
Вставка изображения из этой же папки |
<IMG SRC ="имя.формат" (.gif, .jpeg, .png)> |
Вставка изображения |
<IMG SRC ="полное имя.формат" (.gif, .jpeg, .png)> |
Выравнивание рисунка |
, , , |
Заливка цветом всей страницы |
<BGCOLOR="0000FF"> |
FF0000
серый
999999
зелёный
00FF00
белый
FFFFFF
синий
0000FF
бирюзовый
009999
желтый
FFFF00
бледно-желтый
FFFFCC
черный
000000
бледно-голубой
CCFFFF
Для создания таблицы используется контейнер. Между ними для создания строк пишется контейнер . Между ними для создания столбцов контейнер . Для добавления в таблицу рамок необходимо включить в код TABLE BORDER=значение> Значение - толщина рамки всей таблицы в пикселах. При отсутствии численного значения принимается 1.
Пример:border=2>Столбец 1Столбец 2
Задание: Создайте сайт на интересующую Вас тему. Наберите в Блокноте код и сохраните его под именем right.html в свою папку:
Заголовок страницы
Содержание страницы
-
В заголовке страницы напишите заголовок вашего сайта, например, «Компьютер»
-
В контенте напишите, например, «Всё о компьютере. Состав компьютера»
-
Залейте всю страницу любым цветом: (в тэг параметр bgcolor="#00CCFF")
-
Выровняйте текст страницы по центру.
-
Создайте после текста две пустых строки.
-
Напишите текст: «На этом сайте представлена информация о …»
-
Создайте после текста две пустых строки.
-
Добавьте после текста таблицу из 2 столбцов и 5 строк:
-
Добавьте на страницу картинку определенного размера:
-
Задайте ссылку с картинки на сайт: windows.microsoft.com/ru-ru/windows/introduction-to-computers#1TC=windows-7
2