Задание 4. Использование стилей заголовка

Лабораторная работа № 1

Задание 1. Создание простейших файлов HTML

1. Создай свою папку HTML, в которой ты будешь сохранять созданные Web-страницы.

2. Запусти стандартную программу Блокнот.

3. Наберите в окне редактора простейший текст файла HTML:

<! doctype html public " -//W3C//DTD HTML 4.0 Transitional//EN" >

< HTML>

< HEAD>

< TITLE> Интернет-страничка Ф.И.О.< /TITLE>

< /HEAD>

< BODY>

Привет! Ты зашел на страничку Ф.И.

< /BODY>

< /HTML>

4. Проверь, чтобы в Свойствах папки-Сервис-Вид была снята галочка с функции Скрывать расширения для зарегистрированных типов файлов. Сохрани файл под именем index.html в своей папке.

5. Для просмотра созданной Web-страницы, открой файл index.html в Microsoft Internet Explorer, Firefox или Opera.

Задание 2. Тэги перевода строки и абзаца

Тэг перевода строки < BR> отделяет строку от последующего текста или графики.

Тэг абзаца < P> тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзаца. Оба тэга являются непарными(не требуют закрывающего тега).

1. Откройте первоисточник Web-страницы – в меню браузера Вид, Источник (В виде HTML) откроется окно со стандартной программой Блокнот, в котором ваша Web-страница представлена в командах HTML.

2. Внесите изменения в текст файла HTML:

3. Сохраните внесенные изменения в файле index.html, с помощью команд Файл, Сохранить.

4. Просмотрите с помощью браузера Microsoft Internet Explorer новую полученную Web-страницу с помощью команд Вид, Обновить.

<! doctype html public " -//W3C//DTD HTML 4.0 Transitional//EN" >

< HTML>

< HEAD>

< TITLE> Интернет-страничка Ф.И.О < /TITLE>

< /HEAD>

< BODY>

Привет! < P>

Ты зашел на страничку < BR>

Ф.И.

< /BODY>

< /HTML>

Задание 3. Выделение фрагментов текста

Существует три тэга выделения фрагментов текста:

< B> … < /B> для выделения полужирным,

< I> … < /I> для выделения курсивом,

< U> …< /U> для выделения подчеркиванием.

Возможно использование комбинированных шрифтов:

< I> < B> … < /B> < /I> < I> …< /I> < U> …< /U>

Внесите изменения в файл index.html:

<! doctype html public " -//W3C//DTD HTML 4.0 Transitional//EN" >

< HTML>

< HEAD>

< TITLE> Интернет-страничка Ф.И.О < /TITLE>

< /HEAD>

< BODY>

< b> Привет! < /b> < P>

< i> Ты зашел на страничку < /i> < BR>

< u> Ф.И.< /u>

< /BODY>

< /HTML>

Задание 4. Использование стилей заголовка

Существует два способа управления размером текста, изображаемого браузером:

· использование стилей заголовка,

· задание размера основного документа или размера текущего шрифта.

Используется шесть тэгов заголовков (от Н1 до Н6). Каждому тэгу соответствует конкретный стиль, заданный в параметрах настройки браузера. Стиль Н1 – самый крупный.

Внесите изменения в файл index.html:

<! doctype html public " -//W3C//DTD HTML 4.0 Transitional//EN" >

< HTML>

< HEAD>

< TITLE> Интернет-страничка Ф.И.О < /TITLE>

< /HEAD>

< BODY>

< H1> Привет! < /H1> < P>

< i> Ты зашел на страничку < /i> < BR>

< u> Ф.И.< /u>

< /BODY>

< /HTML>