Курс "Основы Web-дизайна" >> Урок 1 >> Практика

Задание 3. Знакомство с HTML-тегами

Мы будем добавлять теги в HTML-код документа и сразу же просматривать результат в браузере.

1.	Откройте файл proba.htm , дважды щелкнув левой клавишей мыши по значку файла, находящегося в вашей папке. Файл откроется в окне Web-обозревателя.
2.	Выполните команду Вид - Просмотр HTML-кода. Файл proba.htm откроется в программе Блокнот.
3.	Выделите первое предложение текста как заголовок первого уровня, вставив его в контейнер <H1> </H1>.
	Результат: <H1>Это моя первая Web-страница!</H1>
4.	Сохраните новый вариант страницы, выполнив команду: Файл – Сохранить.
5.	Переключитесь в окно программы Microsoft Internet Explorer.
6.	Нажмите на кнопку Обновить и посмотрите результат.
Выводы	Первое предложение текста отображается в браузере жирным шрифтом и более крупными, чем остальной текст, буквами.
7.	Переключитесь в окно программы *Блокнот.*
8.	Преобразуйте каждое предложение текста (кроме первого) в заголовок второго уровня, вставляя тег <H2> в начало каждого предложения и тег </H2> в конец предложения.
	Результат: <BODY> <H1>Это моя первая Web-страница!</H1> <H2>Мое детство</H2> <H2>О школе </H2> <H2>О семье</H2> <H2>Я умею</H2> <H2>Я люблю</H2> <H2>В свободное время я...</H2> </BODY>
4.	Сохраните новый вариант страницы, выполнив команду: Файл – Сохранить.
5.	Переключитесь в окно программы Microsoft Internet Explorer.
6.	Нажмите на кнопку Обновить и посмотрите результат.
Выводы	Каждое предложение текста отображается в браузере как заголовок и начинается с новой строки. Буквы у этих заголовков жирные, но не такие крупные, как буквы у заголовка первого уровня.