Задачи : на практике показать умения по применять теги «Атрибуты текста» .

Что сделать Как сделать
  Цвета и изображения фона задаются с помощью команды <BODY>. Эта команда может задаваться только в начале HTML файла и не может быть изменена в дальнейшем. Ее параметры: bgcolor = “# код цвета” - цвет фона документа, text = “# код цвета” - цвет текста документа, link = “# код цвета” - цвет текста, используемого в качестве ссылки, vlink = “# код цвета” - цвет ссылки на просмотренный ранее документ, alink = “# код цвета” - цвет ссылки в момент нажатия на нее правой кнопки мыши. Код цвета задается в кодировке RGB - шесть шестнадцатеричных чисел.
Белый = FFFFFF Малиновый = FF00FF
Желтый = FFFF00 Бирюзовый = 008080
Красный = FF0000 Темно-синий = 000080
Серый = 808080 Коричневый = 808000
Синий = 0000FF Голубой = 00FFFF
Зеленый = 00FF00 Темно-зеленый = 008000,
Черный = 000000 Индиго = 800080
Пурпурный = CC33FF Темнокрасный = 800000

Для изменения цвета текущего текста можно в любом месте домашней страницы воспользоваться командами: <FONT COLOR= Код цвета > Текущий текст </FONT COLOR>

Определено несколько именованных цветов. Их значения видны из таблицы:

<FONT COLOR = black >

Если Вы хотите создать “обои”, то есть цветной фон с использованием 8301_ - файла с именем, например, Ground.gif, то вместо параметра BGCOLOR записываем: BACKGROUND = “Ground.gif”

Если при этом вы хотите, чтобы фоновое изображение не двигалось, т.е. чтобы создался эффект “водяных знаков”, то задайте дополнительный параметр: BACKGROUND = “Ground.gif” BGPROPERTIES=FIXED

Использовать порядок создания Web – страницы описанный в УЭ 7

5(а) задание.

Создание Web – страницы «Вставка изображений».

<html>

<head>

<title>Kartinka</title>

</head>

<body bgcolor="#FFFFCC" TEXT="#993300" >

<center> <h1> <b> Вставка изображений </b></h1></center>

<HR>

<P>Для размещения на Web-страницах изображений используются графические файлы фор-матов GIF, JPEG и PNG. </p>

<p>Изображения помещаются на Web-страницу тэгом IMG с атрибутом SRC, сообщающим браузеру имя и местоположение графического файла. </p>

<center> <p> <b>IMG SRC="image_name"</b> </p></center>

<IMG SRC="carsk.gif" WIDTH="15" HEIGHT="45" ALIGH="left">

<p><i>Если рядом с изображением не должно быть текста, его размещают внутри отдельного абзаца. Выравнивание рисунка по горизонтали в этом случае задают в тэге (P). Размеры изображения (в пикселах) можно задать с помощью атрибутов WIDTH и HEIGHT. К изображению атрибутом ALT можно добавить название, которое появляется на экран.</i></p>

<p align="center"><img src="cxema.png" width="180" height="280" border="1" >

</body >

</html>

5* задание.

По аналогии создания Web – страницы «Вставка изображения».

По аналогии создания Web – страницы «Вставка изображения». Создайте Web-документ вида.

Устройство персонального компьютера.
Компьютер состоит из системного блока (корпус), монитора, клавиатуры, мышки. Все остальные устройства, подключаемые к системному блоку (принтер, сканер и т.п.), называются периферийными. Монитор, клавиатура, мышка - это устройства ввода/вывода информации.(картинка –Komn.png)

6(а) задание.

Создание Web – страницы «Вставка гиперссылки».

Различные виды гиперссылок. Связать Web-страницу с другими документами можно с помощью универсального тэга <A>, и его атрибута HREF, указывающим в каком файле хранится вызываемый ресурс.

<A HREF="file_name">Указатель ссылки</A>

Задание.

Откройте Web – страницe «Вставка изображения». Добавите строку

<A HREF="имя документа"> Атрибуты </A>

(<p align="center"><img src="cxema.png" width="180" height="280" border="1" >

<A HREF="имя документа"> Атрибуты </A>

</body >

</html)

Сохраните документ

Откройте Web – страницe «Атрибуты». Добавите строку

<A HREF="имя документа"> Вставка изображения </A>

Сохраните документ.

Запустите на исполнение любой документ.

Наши рекомендации