Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
абораторная работа № 2
Тэг <IMG …> позволяет вставить изображение в документ, одиночный тэг.
Для выполнения упражнения сохранить файл своей фотографии в папке images, которая находится в папке HTML Ф.И.О. Фото должно весить как можно меньше (максимально – 50 Кб.). "images/foto.jpg " – задается адрес фотографии. Вместо foto.jpg нужно вписать название нужного файла.
1. Внесите изменения в файл index.html:
…
<FONT SIZE="6"> <I>Ты зашел на страничку Ф.И.</I></FONT>
<P>
<IMG SRC="images/foto.jpg">
</P>
</BODY>
</HTML>
Атрибуты изображения
Таблица 2
Атрибут |
Формат |
Описание |
|
ALT |
<IMGSRC="images/foto.jpg"ALT="картина"> |
Если браузер не воспринимает изображение, вместо него появляется заменяющий текст. |
|
BORDER |
<IMG SRC=" images/foto.jpg" BORDER="3"> |
Задает толщину рамки вокруг изображения. Измеряется в пикселях. |
|
ALIGN |
<IMG SRC=" images/foto.jpg" ALIGN=TOP> |
Выравнивает изображение относительно текста: по верхней части изображения – TOP, по нижней – BOTTOM, по средней – MIDDLE. |
|
HEIGHT |
<IMG SRC=" images/foto.jpg" HEIGHT=111> |
Задает вертикальный размер изображения внутри окна браузера. |
|
WIDTH |
<IMG SRC=" images/foto.jpg" WIDTH=220 > |
Задает горизонтальный размер изображения внутри окна браузера. |
|
VSPACE |
<IMG SRC=" images/foto.jpg" VSPACE="8"> |
Добавляет верхнее и нижнее пустые поля. |
|
HSPACE |
<IMG SRC=" images/foto.jpg" HSPACE="8"> |
Добавляет левое и правое пустые поля. |
Задание 2. Атрибуты изображения.
1. Самостоятельно внесите изменения в файл index.html, опробовав использование таких атрибутов графики как ALT, BORDER, HEIGHT, WIDTH.
Фоновое изображение – это графический файл с изображением небольшой прямоугольной плашки. При просмотре в браузере эта плашка многократно повторяется, заполняя все окно, независимо от его размеров.
Графика, используемая в качестве фоновой, задается в тэге <BODY> в начале файла HTML. “images/ foto2.jpg ” – задается адрес фона
1. Внесите изменения в файл index.html:
…
<BODY BACKGROUND=”images/foto2.jpg” TEXT="#006666">
…
</BODY>
</HTML>
Таблицы представляют собой особую часть HTML-документа. Данные в ней организованы в виде прямоугольной сетки, состоящей из вертикальных столбцов и горизонтальных рядов. Каждая клетка таблицы является ячейкой.
Ячейки могут содержать в себе текст, графику или другую таблицу.
Таблица состоит из трех основных частей:
Таблица заполняется горизонтальными рядами ячейка за ячейкой слева направо. Заполнение начинается с левого верхнего угла и заканчивается правым нижним. Каждая ячейка должна быть заполнена. Для создания пустых ячеек используются пробелы.
Тег |
Форма записи |
Примечание |
|
TABLE |
<TABLE>текст</TABLE> |
Объявление таблиц. |
|
TR |
<TR>текст</TR> |
Тег строки. |
|
TD |
<TD>текст</TD> |
Тег данных. |
Атрибуты тега <TABLE>
|
Атрибут |
Форма записи |
Примечание |
|
BORDER |
<TABLE BORDER=X> |
Задает рамку вокруг таблицы. |
|
WIDTH |
<TABLE WIDTH=XX%> |
Задает ширину таблицы как ХХ% от ширины страницы или как ХХ пикселов. |
|
BGCOLOR |
<TABLE BGCOLOR="#RRGGBB"> |
Задает цвет фона таблицы. |
Атрибуты тегов <TD> и <TR>
|
Атрибут |
Форма записи |
Примечание |
|
ALIGN |
<TD ALIGN=X> |
Устанавливает выравнивание по горизонтали (Right, Left, Center) |
|
VALIGN |
<TD VALIGN=X> |
Устанавливает выравнивание по вертикали (Top, Middle, Bottom, Baseline) |
|
BGCOLOR |
<TD BGCOLOR= "#RRGGBB"> |
Задает цвет фона ячейки. |
Создайте новую интернет-страничку raspisanie.html, для этого скопируйте index.html и переименуйте ее в raspisanie.html, подправьте согласно рекомендациям:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Расписание занятий 11 классов </TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<P ALIGN=CENTER>
<FONT COLOR="RED" SIZE="6" FACE="ARIAL"><B> 11 класс </B></FONT>
</P>
<HR> <! получится линия>
<P>
<FONT COLOR="BLUE" SIZE="5" FACE="COURIER"><B>Понедельник </B></FONT><BR>
<TABLE BORDER="1" WIDTH=100% BGCOLOR="99CCCC">
<TR BGCOLOR="CCCCFF" ALIGN=CENTER>
<TD>Урок</TD> <TD>11 А</TD> <TD>11 Б</TD>
</TR>
<TR>
<TD>1</TD> <TD>Русский язык</TD> <TD>Литература</TD>
</TR>
<TR>
<TD>2</TD> <TD>Алгебра</TD> <TD>Информатика</TD>
</TR>
<TR>
<TD>3</TD> <TD>История</TD> <TD>Информатика</TD>
</TR>
</TABLE>
</BODY>
</HTML>
1. Дополните полученную Web-страницу по аналогии расписанием на последующие дни: ВТОРНИК, СРЕДУ, ЧЕТВЕРГ, ПЯТНИЦУ, СУББОТУ с помощью функции копировать и вставить.
PAGE 3