Работа 2. форматирование шрифта.

Автор: ·

Разработка сайтов (Основы НTML)

Практические работы по теме «Создание Web-страницы в языке HTML»

Структура Web-страницы.Большая часть тэгов образует контейнер, состоящий из открывающего и закрывающего тэгов. Тэги можно набирать как заглавными, так и строчными буквами.

Web-страница помещается в контейнери.состоит из двух частей: заголовка и отображаемого в браузере содержания.

Заголовок страницы помещается в контейнер . Заголовок содержит название страницы, которое помещается в контейнери при просмотре отображается в верхней строке окна браузера.

Также в заголовок помещаются не отображаемые при просмотре мета-тэги, задающие кодировку страницы для ее правильного отображения в браузере, а также содержащие описание и ключевые слова страницы, которые в первую очередь просматривают роботы поисковых систем.

Отображаемое в браузере содержание страницы помещается в контейнер .

Работа 1. Основные тэги HTML

Создать Web-страницу, знакомящую с основными тэгами HTML.

  1. Запустить текстовый редактор Блокнот командой [Пуск — Программы — Стандартные — Блокнот].
  2. Ввести HTML-код, задающий структуру Web-страницы:

Первое знакомство с тэгами HTML

  1. Ввести команду [Файл — Сохранить]. Файлу Web-страницы присвоить имя ваша_фамилия.htm
  2. Запустить браузер и открыть созданный файл командой [Файл — Открыть]. В заголовке окна браузера высвечивается название Web-страницы Первое знакомство с тэгами HTML.
  3. Заголовки.Внести в текст страницы послев пустую строку тэги заголовков различных уровней (размеров).

Заголовки различных уровней:

Заголовок второго уровня
Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

6. Внесение изменений и дополнений в Web-страницу. В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат.

7. Активизировать Блокнот с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и сохранить новый вариант страницы, выполнив команду меню [Файл — Сохранить].

8. Активизировать браузер с открытым в нем предыдущим вариантом страницы. Щелкнуть по кнопке Обновить. В окне браузера отобразится обновленная Web-страница

Работа 2. Форматирование шрифта.

Внести в текст страницы тэги, определяющие начертание шрифта и горизонтальных разделительных линий. Отделить этот фрагмент от остального текста с помощью горизонтальных разделительных линий. Разделительная линия:

  1. Запустить текстовый редактор Блокнот командой [Пуск — Программы — Стандартные — Блокнот].
  2. Открыть файл ваша_фамилия.htm
  3. Внести в текст страницы тэги, определяющие начертание шрифта и горизонтальных разделительных линий. Отделить этот фрагмент от остального текста с помощью горизонтальных разделительных линий. Разделительная линия:

Форматирование шрифта:

Жирный
Курсив
Подчеркнутый
Жирный подчеркнутый курсив
Равноширинный

Выделение:

Выделение
Усиленное выделение

4. Списки.Внести в текст страницы тэги, задающие списки нумерованные и ненумерованные, а также списки определений.

Нумерованный список:

  1. Первый элемент списка

  2. Второй элемент списка

  3. Третий элемент списка

Ненумерованный список:

  • Первый элемент списка

  • Второй элемент списка

  • Третий элемент списка

Список определений:

ТЕРМИН 1
Пояснение к термину 1
ТЕРМИН 2
Пояснение к термину 2
ТЕРМИН 3
Пояснение к термину 3

5. Внесение изменений и дополнений в Web-страницу. В процессе создания Web-страницы приходится добавлять новые тэги и просматривать получаемый результат.

6. Активизировать Блокнот с открытой в нем редактируемой Web-страницей. Внести в содержимое страницы необходимые изменения и сохранить новый вариант страницы, выполнив команду меню [Файл — Сохранить].

7. Активизировать браузер с открытым в нем предыдущим вариантом страницы. Щелкнуть по кнопке Обновить. В окне браузера отобразится обновленная Web-страница

Статьи к прочтению:

Word 2 Форматирование текста


Похожие статьи:

Метки:

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

Последняя инфа: