Главная | Обратная связь | Поможем написать вашу работу!
МегаЛекции

Нас утро встречает прохладой




· Оформить фразу по приведенному ниже образцу.

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
Поделиться:





Читайте также:





Воспользуйтесь поиском по сайту:



©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...