Задание 3. Оформление шрифта HTML-документа


 

1. Откройте созданный вами файл Пример.html и преобразуйте его следующим обра-зом:


<html> <title> первые стихи </title>

<body text="#0000ff">

<p align=center>

 

<font face="Arial Black"> <font color="#ff0000"> <big> Привет! Это моя первая страничка! </big> </font> <font color ="#ffff00">

 

<h1 align=left>Меня зовут </h1>

<h2 align=center>Я учусь в классе </h2>

 

<h3 align=right>Это моя любимая песенка</h3> </font> <p align=left> <font face="Comic Sans MS">

 

В лесу родилась <i>елочка. </i><br>

В лесу она росла.</font><br>

<font face="Courier New">

 

Зимой и летом стройная, <br>

 

<font color ="green"> Зеленая</font> была.<br> </font> <b> Метель </b> ей пела песенку:<br>

 

<font face="Monotype Corsiva"> «Спи, елочка, бай-бай»</font> <br> <b> <i>Мороз </b> </i>снежком укутывал:<br> <font face="Monotype Corsiva">

 

«Смотри, не замерзай!»</font>

</body>

</html>

 

2. Сохраните изменения, НЕ ЗАКРЫВАЯ Блокнот, просмотрите с помощью браузера

 

Internet Explorer (чтобы увидеть изменения нажмите кнопку Обновить).

3. Подчеркните фразу «Зимой и летом стройная».

4. Выделите все «елочки» полужирным курсивом.

5. Измените, размер шрифта на 5 единиц для фразы «Смотри, не замерзай!».

6. Cделайте бегущей строкой фразу «Привет! Это моя первая страничка!».

7. Сохраните изменения и просмотрите их с помощью браузера Internet Explorer.

8. Для третьего заголовка внесите следующие изменения:

 

<h3 align=right> <P>

 

<MARQUEE scrollDelay=28 behavior=alternate bgColor="gold" height=66> <font color ="#ff0000"> Это моя любимая песенка <font> </MARQUEE></P></B></FONT><I><FONT face=Arial size=4>

 

</h3> </font>

9. Сохраните изменения и просмотрите их с помощью браузера Internet Explorer.

 



Цвет фона и текста

 

Назначение

Формат Значение аргументов (вместо звездочки
      *)
Цвет фона (задается <BODY BGCOLOR=”*”>  

названием цвета или

   
его кодом)    

См. цвет шрифта

Цвет текста (задается

<BODY TEXT=”*”>

 

названием цвета или

   
его кодом)      
Фоновое изображе- <BODY Вместо * прописывается название файла в
ние   BACKGROUND=”*”> формате bmp Например:
      <BODY BACKGROUND=”цветы.bmp”>


Вставка изображений


Назначение   Формат Значение аргументов
      (вместо звездочки *)

Вставка изображений

<IMG SRC=”*”>  

Выравнивание текста

<IMG SRC=”*” ALIGN=” top”>

Вместо * прописывает-

около изображения

<IMG SRC=”*” ALIGN=” bottom”>

ся название файла в

   

<IMG SRC=”*” ALIGN=” middle”>

   

формате bmp, jpg

   

<IMG SRC=”*” ALIGN=” left”>

     
    <IMG SRC=”*” ALIGN=” right ”>  
Изображение как <A HREF= адрес > <IMG SRC=”*”> </A> В качестве адреса мо-
ссылка     жет быть: адрес доку-
      мента, адрес сайта,
      e - mail.

 



Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: