Созданиe Web-страницы «Основные тэги HTML».

Созданиe Web-страницы «Основные тэги HTML».

УЭ №1.

Создание Web – страницы «Оформления заголовка документа».

Задачи УЭ: закрепить знания по основные теги по созданию Web-страницы: HTML, тег форматирования шрифта, выравнивания абзаца.

Что сделать?

Создать документ, состоящий из 6 строк оформленных в виде заголовка 1- 6 уровня и каждая строка выполнена шрифтом: жирным, курсивом, подчеркнутым, равноширинным, выделенным и с усиленным выделением.

Как сделать.

1. Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].

2. Ввести HTML-код, задающий структуру Web-страницы:

<HTML>

<HEAD>

<TITLE>Zagolovok</TITLE>

</HEAD>

<BODY >

<center> <h1> <b> Заголовок первого уровня – жирный </b></h1></center>

<center> <h2> <i>Заголовок второго уровня - курсив </i></h2></center>

<center> <h3><U> Заголовок третьего уровня- подчеркнутый </U></h3></center>

<center> <h4> <B><I><U>Заголовок четвертого уровня - жирный подчеркнутый курсив </B></I></U></h4></center>

<center> <h5><TT> Заголовок пятого уровня- равноширинный </TT></h5></center>

<center> <h6><STRONG> Заголовок шестого уровня - усиленное выделение </STRONG></h6></center>

</BODY>

</HTML>

3. Сохранить данный документ, предварительно создав на диске С свою папку (имя папки – инициалы записанные латинскими буквами – IPC). Имя документа – IPC11b1.htm

4. Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается название Web-страницы Zagolovok с тэгами HTML.

УЭ №2. Контроль знаний

Задачи: научится создавать простую Web- страницу, применяя, теги форматирования шрифта, выравнивания абзаца.

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

УЭ 3

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

Задачи : изучить и закрепить теги по созданию списков и разделительной линии.

Что делать?

Создать документ, в котором присутствуют списки и разделительная линия.

Как сделать.

1. Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].

2. Ввести HTML-код, задающий структуру Web-страницы:

<HTML>

<HEAD>

<TITLE>Spisok</TITLE>

</HEAD>

<BODY >

<center> <h1> <b> Списки </b></h1></center>

<HR>

<center> <h2> <i>Нумерованный список: </i></h2></center>

OL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Третий элемент списка</LI>

</OL>

<HR>

<center> <h3><U> Ненумерованный список: </U></h3></center>

<UL>

<LI>Первый элемент списка</LI>

<LI>Второй элемент списка</LI>

<LI>Третий элемент списка</LI>

</UL>

<HR>

<center> <h4> <B><I><U> Список определений: </B></I></U></h4></center>

<DL>

<DT>ТЕРМИН 1</DT>

<DD>Пояснение к термину 1</DD>

<DT>ТЕРМИН 2</DT>

<DD>Пояснение к термину 2</DD>

<DT>ТЕРМИН 3</DT>

<DD>Пояснение к термину 3</DD>

</DL>

3 .Ввести команду [Файл - Сохранить]. Файлу Web-страницы присвоить имя IPC11b2.htm

4.Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается название Web-страницы Первое знакомство с тэгами HTML.

УЭ4 Создание документа «Устройства ввода вывода вида» .

УЭ 5Создание Web – страницы «Таблица погоды».

Задачи УЭ5: изучить и закрепить теги по созданию таблицы, строки, столбца.

Что делать?

УЭ 7Создание Web – страницы «Атрибуты».

Задачи УЭ7: изучить и закрепить служебные слова –атрибуты, теги форматирования текста, создания фона документа, цвета текста, гиперссылки..

Что делать?

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

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

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

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

Задание.

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

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

Созданиe Web-страницы «Основные тэги HTML».

УЭ №1.

Создание Web – страницы «Оформления заголовка документа».

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