Vspace- Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по вертикали.
Фоновые рисунки
Описание фонового рисунка включается в тэг BODY и выглядит следующим образом:
<BODY BACKGROUND="picture.gif">
Задание стандартных цветов
Многие HTML-авторы любят использовать заранее предопределенные цвета фона документа, обычного текста и ссылок. Чтобы задать эти цвета, необходимо включить в тэг <BODY> дополнительные параметры:
<BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">, где каждый из параметров определяет цвет того или иного элемента. Опишем эти параметры:
BGCOLOR - Цвет фона документа
TEXT - Цвет простого текста документа
LINK - Цвет ссылки
Цвет задается шестизначным числом в шестнадцатеричном формате по схеме RGB (Red, Green, Blue). Цвет #000000 соответствует черному, а цвет #FFFFFF - белому
Добавление стилей в HTML документ
HTML позволяет использовать различные стили шрифтов для выделения текстовой информации в документах. Вот короткий список стилей, поддерживаемых большинством браузеров:
-
bold (жирный)
-
Italic (наклонный)
-
mono spaced (type writer - с использованием фиксированных шрифтов)
Дополнительные стили:
big (большой)
small (маленький)
sub (подстрочник)
sup (надстрочник)
Размер шрифта
Вы можете изменять размер шрифта тэгом <FONT SIZE= n>
Шрифт может иметь размер от 1 до 7.
Вы можете изменить цвет шрифта при помощи тэга <FONT COLOR="#xxxxxx>
Цвет указывается в RGB-формате (Red-Green-Blue) посредством указания размерности каждой компоненты цвета в шестнадцатеричном формате. Например, белый цвет обозначается "000000", черный - "FFFFFF", синий - "0000FF" и т.п.
Таблицы
Таблица объявляется с помощью тэгов:
TABLE - создаёт таблицу;
CAPTION - задаёт заголовок таблицы;
TR - создаёт новый ряд (строку) ячеек таблицы;
TD и TH - создаёт ячейку с данными в текущей строке.
Таблицы в HTML формируются построчно. Для этого, с помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.
Тэг <TABLE> может использоваться с рядом параметров, каждый из которых допустимо опускать:
ALIGN Горизонтальное выравнивание таблицы. Возможные значения: left, center, right. Значение по умолчанию - left.
Valign Вертикальное выравнивание содержимого таблицы. Возможные значения: top, bottom, middle.
BORDER Ширина внешней рамки таблицы (в пикселах). При BORDER="0" или при отсутствии этого параметра рамка отображаться не будет.
CELLPADDING Расстояние (в пикселах) между рамкой каждой ячейки таблицы и содержащейся в ней инфе.
CELLSPACING Расстояние (в пикселах) между границами соседних ячеек.
WIDTH Ширина таблицы задается либо в пикселах, либо в процентном отношении к ширине окна браузера.
HEIGHT Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера.
BGCOLOR Цвет фона ячеек таблицы.
BACKGROUND Фоновый рисунок таблицы.
Тэг заголовка таблицы <CAPTION> имеет единственный допустимый параметр <ALIGN>.
Атрибуты: top помещает заголовок над таблицей (значение по умолчанию)/
Bottom помещает заголовок под таблицей.
Элемент TR
Атрибуты: ALIGN определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. Возможные значения: left, center, right
VALIGN определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. Возможные значения: top, bottom, middle
BGCOLOR определяет цвет фона для всех ячеек данного ряда
Элементы TD и TH
Элемент TD создаёт ячейку с данными в текущей строке. Элемент TH также создаёт ячейку, но определяет её как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Текст, находящийся между тэгами <TH></TH>, отображается жирным шрифтом, т.е. <TH>текст</TH> равносильно <TD><b>текст</b></TD>
Атрибуты: ALIGN определяет способ горизонтального выравнивания содержимого ячейки. Возможные значения: left, center, right.
VALIGN определяет способ вертикального выравнивания содержимого ячейки. Возможные значения: top, bottom, middle. По умолчанию происходит выравнивание по центру (VALIGN="middle"), если значение этого параметра не было задано ранее в элементе TR.
WIDTH определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.
HEIGHT определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к ширине таблицы.
COLSPAN определяет количество столбцов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
ROWSPAN определяет количество рядов, на которые простирается данная ячейка. По умолчанию имеет значение 1.
BGCOLOR определяет цвет фона ячейки. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
BACKGROUND заполняет ячейку фоновым рисунком.
Содержание работы:
Задание 1.
Знакомство с сайтом www.kstu.kz. Просмотреть информацию об университете, институтах, кафедрах. Открыть сайт библиотеки и сделать поиск по учебникам Информатики. Выписать три учебника по дисциплине «Информатика». Открыть ссылку «Студент» и выписать результаты первой аттестации.
Задание 2.
Прочитать сведения из теории. Ознакомиться с основными тегами языка HTML. В редакторе «Блокнот» создать web-страницу «Резюме» с помощью тегов языка HTML. Вставить свою фотографию на web-страницу.
Задание 3.
Открыть редактор «Блокнот». Создать web-страницу содержащей таблицу «Расписание занятий». Использовать различные атрибуты тега <TABLE>.
Задание 4 (творческое).
Выбрать вариант задания. Создать web-сайт, содержащий не менее трех страниц. На web-страницах использовать теги вставки таблиц, рисунков, бегущей строки и т.д. Связать web-страницы гиперссылками.
|
№ варианта |
Индивидуальное задание |
|
|
создать web-сайт на тему «Новинки компьютерной техники» |
|
|
создать web-сайт на тему «Правила дорожного движения» |
|
|
создать web-сайт на тему «Столицы мира» |
|
|
создать web-сайт на тему «Мой университет» |
|
|
создать web-сайт на тему «Магазин Автомобили» |
|
|
создать web-сайт на тему «Здоровый образ жизни» |
|
|
создать web-сайт на тему «Физкультура и спорт» |
|
|
создать web-сайт на тему «Кухни народов мира» |
|
|
создать web-сайт на тему «Великие композиторы» |
|
|
создать web-сайт на тему «Времена года» |
|
|
создать web-сайт на тему «Мир животных» |
|
|
создать web-сайт на тему «История освоения космоса» |
Содержание отчета
-
Краткое описание выполненной работы.
-
HTML коды всех заданий.
-
Внешний вид головной страницы web-сайта.
-
Ответы на контрольные вопросы.
Контрольные вопросы
-
Что такое Internet?
-
Виды адресации в Internet.
-
Какова структура IP-адреса?
-
Перечислите основные службы Интернета.
-
Что такое гиперссылка?
-
Сколько уровней заголовков можно создать в HTML-документе?
-
Для чего предназначен тег <UL>?
-
Какие атрибуты существуют у тега <TABLE>?
-
Какие атрибуты существуют у тега <Img>?
-
При помощи какого атрибута тега <body>можно оформить фон страницы?