Здесь печатаем обычный текст

      Комментарии к записи Здесь печатаем обычный текст отключены

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

Знакомство с языком HTML

Цель: изучить основные тэги по форматированию текста в языке HTML.

HTML (Hyper-Text Markup Language) — язык гипертекстовой разметки. Данный формат определяет внешний вид документа, взаимное расположение текстовой, графической и мультимедийной информации. Формат HTML –файла достаточно прост. Составление и внесение изменений в файл осуществляется любым текстовым редактором. Для просмотра результатов используется Web–браузер. Основным достоинством HTML–документа является их способность содержать перекрестные ссылки друг на друга. Перекрестные ссылки помогают быстро обратиться к документу с дополнительной информацией по интересующему вопросу, а затем продолжить работу с исходным текстом.

При создании сложных HTMLдокументов, содержащих большое количество изображений, таблиц и перекрестных ссылок, удобнее пользоваться специальными HTML–редакторами. Для создания HTML-страниц широко применяется пакет FrontPage, разработанный фирмой Microsoft. Однако, такой HTML текст чаще всего нуждается в доработке: он избыточен, а в отдельных случаях и неадекватен. Поэтому с помощью HTML–редакторов создается как бы «базовая страница, а затем ее код редактируется вручную.

Любой документ, написанный с помощью языка HTML, состоит из содержимого страницы, т.е. текста, и управляющих символов — тегов. Все тэги HTML обязательно заключаются в угловые скобки . Как правило, используется стартовый тэг и завершающий тэг. Завершающий тэг отличается от стартового наличием слэша.

Создание документа HTML

–— первый и последний тэги любого HTML–документа.

–— Начало и конец заголовка документа.

–— задание названия документа (заголовок окна браузера).

–— начало и конец тела документа, которое определяет содержание документа.

Прежде, чем приступить к работе, создайте папку с Вашей фамилией.

Запустите программу Internet Explorer ,выполните команду Вид/Просмотр HTML-кода — откроется окно стандартной программы Блокнот. Введите текст:

Моя первая Web-страница

Это моя первая Веб-страница

Сохраните файл в своей папке под именем Html1.htm (обязательно введите расширение).

Сверните приложение Блокнот. Найдите файл и дважды щелкните по нему. Запустится программа Internet Explorer. Если в тексте необходимы изменения, откройте Блокнот (Вид/Просмотр HTML-кода),введите изменения и сохраните новый текст. Для просмотра исправленного текста нажмите кнопку Обновить в программе Internet Explorer.

Оформление текста

Некоторые теги, помимо имени, могут содержать атрибуты — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущую метку. Общий вид тега с атрибутом таков:

текст

–— (x — цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня самый крупный, шестого уровня — самый мелкий.

— описывает абзац (завершающий тэг может отсутствовать).

Аргументы:

ALIGN — параметр, определяющий выравнивание абзаца:

ALIGN=CENTER — выравнивание по центру;

ALIGN=RIGHT — выравнивание по правому краю;

ALIGN=LEFT — выравнивание по левому краю.

— переход на новую строку, не прерывая абзаца.

–— отображение текста жирным шрифтом.

–— отображение текста курсивом.

–— подчеркнутый текст.

–— перечеркнутый текст.

–— отображение цитат.

–— отображение подстрочных индексов.

–— отображение надстрочных индексов.

–— использование шрифта с фиксированной шириной символов.

–— увеличение размера текущего шрифта.

–— уменьшение размера текущего шрифта.

— (n –цифра от 1 до 7) – базовое значение размера шрифта.

–— изменение размера шрифта.

–— установка цвета шрифта:

Aqua — морская волна;

Black — черный;

Blue — голубой;

FuchsiaAqua — малиновый;

Gray — серый;

Green — зеленый;

Lime — ярко-зеленый;

Maroon — темно-красный;

Navy — темно-синий;

Olive — оливковый;

Purple — пурпурный;

Red — красный;

Silver — серебряный;

Teal — темно-морская волна;

White — белый;

Yellow — желтый.

— изменение цвета фона;

— горизонтальная линия, может использовать атрибуты:

COLOR — цвет линии;

SIZE — толщина линии в пикселях или процентах от ширины окна;

WIDTH — выравнивание линии;

ALIGN — выравнивание линии;

NOSHADE — рисование без тени;

SHADE — рисование с тенью.

Создайте документ Html2.htm:

Оформление текста

Здесь печатаем обычный текст

Здесь увеличиваем текст

Здесь печатаембольшойи маленькийтекст

Можем его подчеркнуть и перечеркнуть

Просмотрите файл с помощью Internet Explorer.

Откройте HTML-код и внесите в него изменения (изменение цвета шрифта, использование горизонтальных линий):

Оформление текста

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

\


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