Нас утро встречает прохладой
· Оформить фразу по приведенному ниже образцу.

6. В слове УТРО все буквы должны иметь разные цвета В слове ПРОХЛАДОЙ оформить буквы ПРО – красным цветом, ОЙ – синим.
· Оформить строку с подписью (Студент группы NNN Фамилия Имя) курсивом, размер шрифта задать относительным изменением. Использовать теги <FONTSIZE=«+2»> и <I>
· Просмотреть полученный документ в браузере.
7. Выполнить форматирование абзацев:
· Создать новый документ 2_name.htm, сохранить его в той же рабочей папке.
· Ввести текст (использовать копирование текста из документа 1_name.htm):
<HTML>
<HEAD><TITLE>Фамилия</TITLE>
</HEAD>
<BODY>
Приветствую Вас на моей второй web-страничке! <BR> Монолог Гамлета
</BODY>
</HTML>
· Выровнять текст по центру.
· Ввести текст:
Быть иль не быть - вот в чем вопрос.
Что благороднее: сносить удары неистовой судьбы - иль против моря невзгод вооружиться, в бой вступить.
И все покончить разом...
· Оформить выравнивание абзаца по ширине. Ограничить абзац горизонтальными разделительными линиями сверху и снизу, используя тег <HR>. Выровнять по центру.
· Сохранить документ.
· Просмотреть документ в окне браузера, изменяя размер окна.
8. Выполнить оформление списков:
· Создать новый документ 3_name.htm, сохранить его в той же рабочей папке жесткого диска.
· Ввести текст:
<HTML>
<HEAD><TITLE>Фамилия</TITLE>
</HEAD>
<BODY>
Приветствую Вас на моей третьей web-страничке!
</BODY>
</HTML>
· Дополнить текст документа (между тегами <BODY>…</BODY>) следующим текстом:
Я знаю как оформлять:
Шрифты,
Заголовки,
Абзацы
· Оформить три последние строки как список нумерованный. Для этого использовать следующую конструкцию тегов:
<OL>
<LI> Шрифты, </LI>
<LI> Заголовки, </LI>
<LI> Абзацы </LI>
</OL>
· Поменять оформление списка на список маркированный. Использовать теги <UL>, </UL>
· Создать «смешанный» список:
Я знаю как оформлять:
Шрифты
· Размер
· Цвет
· Гарнитуру
· Индексы
Заголовки
· От 1-го до 6-го уровня
Абзацы
· Выравнивание
· Разрыв строк внутри абзаца
· С использованием переформатирования.
Таблица 1. Таблица основных тегов HTML-документа. Теги форматирования шрифта и абзаца.
| Назначение
| Вид тегов
| Примечание
|
| Общая структура документа HTML
|
| Тип документа
| <HTML></HTML>
| Начало и конец документа
|
| Имя документа
| <HEAD></HEAD>
| Не отображается браузером
|
| Заголовок
| <TITLE></TITLE>
| Содержимое строки заголовка окна браузера
|
| Тело документа
| <BODY></BODY>
| Содержимое WEB-страницы
|
| Структура содержания документа
|
| Внутренние заголовки различного уровня
| <H№> текст </H№>
| Где № – номер уровня заголовка (от 1 до 6). Например, <H1>…</H1> - заголовок 1-го уровня.
|
| Заголовок с выравниванием
| <H№ ALIGN=”LEFT| CENTER| RIGHT”>текст</H№>
| LEFT - по левому краю,
CENTER - по центру,
RIGHT - по правому краю.
|
| Форматирование абзацев
|
| Создание абзаца (параграфа)
| <P> текст </P>
| Абзацы отделяются двойным межстрочным интервалом
|
| Перевод строки внутри абзаца
| <BR>
| Одиночный тег
|
| Выравнивание абзаца
| <P ALIGN=”LEFT”>текст</P>
<P ALIGN= ”CENTER”>текст</P>
<P ALIGN=”RIGHT”>текст</P>
<P ALIGN=”JUSTIFY”>текст</P>
| LEFT - по левому краю
CENTER - по центру
RIGHT - по правому краю
JUSTIFY – по ширине
|
| Разделительная горизонтальная линия между абзацами
| <HR SIZE=«?»>
| Одиночный тег. «?» - толщина линии в пикселях. Толщину линии можно не указывать.
|
| Форматирование шрифта
|
| Жирный
| <B> текст </B>
| <B>Жирный</B>
<I> Курсив </I>
<U> Подчеркнутый </U>
<S> Перечеркнутый</S>
<SUP>Верхний индекс</SUP>
<SUB>Нижний индекс</SUB>
|
| Курсив
| <I>текст</I>
|
| Подчеркнутый
| <U> текст </U>
|
| Перечеркнутый
| <S>текст</S>
|
| Увеличенный размер
| <BIG>текст</BIG >
|
| Уменьшенный размер
| <SMALL>текст</SMALL>
|
| Верхний индекс
| <SUP> текст </SUP>
|
| Нижний индекс
| <SUB> текст </SUB>
|
| Размер шрифта
| <FONT SIZE=«?»>текст</FONT>
| ?- значения от 1 до 7 или относительное изменение (например, +2)
|
| Базовый размер шрифта
| <BASEFONTSIZE=«?»>
| Одиночный тег
? – размер от 1 до 7; по умолчанию равен 3 и задается для всего документа в целом
|
| Гарнитура шрифта
| 9. <FONTFASE=«название1, название2, …»> текст </FONT>
| Текст оформляется первым, установленным на компьютере шрифтом из списка названий
|
| Цвет шрифта
| 10. <FONT COLOR=”$$$$$$”>текст
</FONT>
| Цвет задается либо ключевым словом, либо шестнадцатеричным кодом с символом #
RED –красный, #FF0000 – шестнадцатеричный код – красного цвета
|
| Создание списков
|
| Нумерованный
| <OL>элементы списка</OL>
| <OL>
<LI>Элемент списка 1 </LI>
<LI>Элемент списка 2</LI>
<LI>Элемент списка 3</LI>
</OL>
|
| Маркированный
| <UL> элементы списка </UL>
|
| Элемент списка
| <LI> элементы списка </LI>
|
Таблица 2. Таблица основных цветов.
| Цвет
| Color's name
| Шестнадцатеричный код цвета
|
| Red
| Green
| Blue
|
| Черный
| black
|
|
|
|
| Темно-синий
| navy
|
|
|
|
| Голубой
| blue
|
|
| FF
|
| Зеленый
| green
|
|
|
|
| Темно-зеленый
| teal
|
|
|
|
| Салатный
| lime
|
| FF
|
|
| Бледно-голубой
| aqua
|
| FF
| FF
|
| Вишневый
| maroon
|
|
|
|
| Фиолетовый
| purple
|
|
|
|
| Оливковый
| olive
|
|
|
|
| Серый
| gray
|
|
|
|
| Светло-серый
| silver
| C0
| C0
| C0
|
| Красный
| red
| FF
|
|
|
| Лиловый
| fushsia
| FF
|
| FF
|
| Желтый
| yellow
| FF
| FF
|
|
| Белый
| white
| FF
| FF
| FF
|
Читайте также:
Воспользуйтесь поиском по сайту: