Компьютерный практикум
Структура Web-страницы. Большая часть тэгов образует контейнер, состоящий из открывающего и закрывающего тэгов. Тэги можно набирать как заглавными, так и строчными буквами.
Web-страница помещается в контейнер <HTML></HTML>и.состоит из двух частей: заголовка и отображаемого в браузере содержания.
Заголовок страницы помещается в контейнер <HEAD></HEAD>. Заголовок содержит название страницы, которое помещается в контейнер <TITLE></TITLE> и при просмотре отображается в верхней строке окна браузера.
Также в заголовок помещаются не отображаемые при просмотре мета-тэги, задающие кодировку страницы для ее правильного отображения в браузере, а также содержащие описание и ключевые слова страницы, которые в первую очередь просматривают роботы поисковых систем.
Отображаемое в браузере содержание страницы помещается в контейнер <BODY></BODY>.
Практическое задание 1. «Основные тэги HTML». Создать Web-страницу, знакомящую с основными тэгами HTML.
| Cозданиe Web-страницы «Основные тэги HTML» |
| Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот]. | |
| Ввести HTML-код, задающий структуру Web-страницы: <HTML> <HEAD> <TITLE>Первое знакомство с тэгами HTML</TITLE> </HEAD> <BODY> </BODY> </HTML> | |
| Ввести команду [Файл - Сохранить]. Файлу Web-страницы присвоить имя index.htm. | |
| Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается название Web-страницы Первое знакомство с тэгами HTML. |
Заголовки. Внести в текст страницы тэги заголовков различных уровней (размеров).
| Заголовки различных уровней: <H1>Заголовок первого уровня</H1> <H2>Заголовок второго уровня</H2> <H3>Заголовок третьего уровня</H3> <H4>Заголовок четвертого уровня</H4> <H5>Заголовок пятого уровня</H5> <H6>Заголовок шестого уровня</H6> |
Форматирование шрифта. Внести в текст страницы тэги, определяющие начертание шрифта и горизонтальных разделительных линий. Отделить этот фрагмент от остального текста с помощью горизонтальных разделительных линий.
|
| Разделительная линия: <HR> Форматирование шрифта: <B>Жирный</B> <I>Курсив</I> <U>Подчеркнутый</U> <B><I><U>Жирный подчеркнутый курсив</B></I></U> <TT>Равноширинный</TT> Выделение: <EM>Выделение</EM> <STRONG>Усиленное выделение</STRONG> <HR> |
Списки. Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а также списки определений.
|
| Нумерованный список: <OL> <LI>Первый элемент списка</LI> <LI>Второй элемент списка</LI> <LI>Третий элемент списка</LI> </OL> Ненумерованный список: <UL> <LI>Первый элемент списка</LI> <LI>Второй элемент списка</LI> <LI>Третий элемент списка</LI> </UL> Список определений: <DL> <DT>ТЕРМИН 1</DT> <DD>Пояснение к термину 1</DD> <DT>ТЕРМИН 2</DT> <DD>Пояснение к термину 2</DD> <DT>ТЕРМИН 3</DT> <DD>Пояснение к термину 3</DD> </DL> |
Внесение изменений и дополнений в Web-страницу. В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат.
| Активизировать Блокнот с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и сохранить новый вариант страницы, выполнив команду меню [Файл - Сохранить]. | 
| |
| Активизировать браузер с открытым в нем предыдущим вариантом страницы. Щелкнуть по кнопке Обновить. В окне браузера отобразится обновленная Web-страница. |