Некоторые приемы форматирования текста

Лабораторная работа № 5_5

Создание Web-документа посредством языка HTML

Создайте в Вашей папке отдельную папку

«Лаб. раб. 5-5» для сохранения будущих страниц.

Создание заголовков

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

Теги для заголовков

Назначение Тег
Заголовки от первого до шестого уровня … ….. …

Задание 1

1. Применяя приложение Блокнот, создайте документ с заголовками разных уровней.

2. введите следующий текст:

Создание заголовков

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

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

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

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

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

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

3. Сохраните документ под именем Заголовки.html и просмотрите его в браузере.

Итог исполнения задания приведен на рисунке.

Выравнивание текста

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

Таблица.Теги для выравнивания текста

Назначение Тег
Выравнивание текста: · по левому краю; · по правому краю; · по центру … … … Атрибуту ALIGN тега заголовка либо абзаца возможно присвоить, соответственно, значения LEFT, RIGHT, CENTER

Задание 2

1. Применяя приложение Блокнот, создайте документ с разными вариантами выравнивания.

2. введите следующий текст:

Выравнивание текста

Возможно центрировать текст

Возможно сглаживать заголовки

Возможно сглаживать абзацы по центру, не смотря на то, что текст, отформатированный так, возможно
неудобен для чтения.

Выбор метода выравнивания обусловлен удобством просмотра.

3. Сохраните документ под именем Выравнивание.html и просмотрите его в браузере.

Итог исполнения задания приведен на рисунке.

Начертание шрифта

начертание шрифта устанавливается при помощи тегов, приведенных в таблице.

Таблица. Теги для начертания шрифта

Назначение Теги
Полужирный шрифт
Курсив
Подчеркивание
Зачеркивание
Пишущая машинка
Нижние индексы
Верхние индексы

Задание 3

1. откройте приложение Блокнот и создайте документ с разными вариантами форматирования шрифта, введя следующий текст:

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

Полужирный шрифт

Курсив

Подчеркивание

Зачеркивание

Пишущая машинка

H2SO4Возможно показывать нижние индексы

Так возможно задать сноску 3

2. Сохраните документ под именем Начертание.html и просмотрите его в браузере.

Итог исполнения задания приведен на рисунке.

Размер шрифта

размер шрифта возможно установить, применяя теги, приведенные в таблице.

Таблица. Теги для установки размера шрифта

Назначение Тег
Размер шрифта по умолчанию в случае если значение не задано, по умолчанию размер шрифта – 3 пункта
Изменение размеров шрифта отдельных фрагментов текста

Задание 4

1. Применяя приложение Блокнот, создайте документ, демонстрирующий разные варианты трансформации размера шрифта.

2. Введите следующий текст:

размер шрифта

По умолчанию употребляется размер шрифта 3

Установим размер шрифта 4

Мы снизили размер шрифта на 2 пункта

Отменить текущий размер шрифта возможно,
задав второй размер,

либо применив закрывающий тег

Сейчас восстановлен размер шрифта по умолчанию (т. е. 4 пункта)

3. Сохраните документ под именем Размер.html и просмотрите его в браузере.

Итог исполнения задания приведен на рисунке.

Цвет фона и шрифта

установить цвет фона и шрифта возможно при помощи тегов, приведенных в таблице.

Таблица. Теги для установки цвета фона и шрифта

назначение Тег
цвет шрифта и фона для всего документа Атрибуты BGCOLOR и ТЕXT тега
цвет шрифта для фрагмента текста Атрибуты COLOR тега
гарнитура шрифта для фрагмента текста Атрибуты FACE тега

Задание 5

1. Применяя приложение Блокнот, создайте документ с разными вариантами гарнитуры, цвета шрифта и серебряным фоном.

2. введите следующий текст:

HEADгарнитура и цвет шрифта

Данный текст собран шрифтом
Halvetica.

потом употребляется гарнитура по умолчанию.

Это шрифт Symbol: abcd

Цвета:

темно-светло синий

серебряный

светло синий

бордовый

фиолетовый

красный

розово-сиреневый

бежевый

зеленый

светло синий-зеленый

желто-зеленый

морская волна

желто-коричневый

серый

желтый

белый

тёмный

произвольно выбранный цвет

произвольно выбранный цвет

3. Сохраните документ под именем Цвет.html и просмотрите его в браузере.

Итог исполнения задания приведен на рисунке.

Создание перечней

создание перечней производится с применением тегов из таблице.

Таблица. Теги для перечней

Назначение Тег
Нумерованный перечень
Элемент нумерованного перечня
  • Маркированный перечень
    Элемент маркированного перечня
  • Задание 6

    1. Применяя приложение Блокнот, создайте документ, демонстрирующий применение маркированных и нумерованных перечней.

    2. Введите следующий текст:

    перечни

    маркированный перечень:

    • первый пункт;
    • второй пункт;
    • третий пункт.
    • нумерованный перечень:

      1. первый пункт.
      2. второй пункт.
      3. третий пункт.
      4. 3. Сохраните документ под именем Перечни.html и просмотрите его в браузере.

        Итог исполнения задания приведен на рисунке.

        Работа с таблицами

        для и форматирования таблиц употребляются теги, приведенные в таблице.

        Таблица. Теги для и форматирования таблиц

        Назначение Тег Создание таблицы
        Выделение каждой таблицы и ячейки в целом рамкой Атрибут BORDER тега

        Наименование таблицы Вводится между тегами … Размещение имени над либо под таблицей Атрибуту ALIGN тега присваиваются значения TOP, BOTTOM Строка таблицы Вводится между тегами … Заголовки столбцов Вводятся между тегами … Эти для каждой ячейки Вводятся между тегами … Создание таблицы …
        Ширина таблицы Атрибут WIDTH тега

        Ширина рамки около ячеек Атрибут CELLSPACING тега

        Величина безлюдных полей между содержимым ячеек и их рамками Атрибут CELLPADDING тега

        Объемная рамка с указанием с указанием цветов Атрибуты BORDERCOLORDARK и BORDERCOLORLIGHT тега

        Задание 7

        1. Применяя приложение Блокнот, создайте документ со следующей таблицей:

        Кое-какие приемы форматирования текста

        Прием форматирования Вид текста Тег
        Подчеркивание Пример
        Зачеркивание Пример
        Курсив Пример
        Жирный шрифт Пример
        Пишущая машинка Пример

        2. Введите следующий текст:

        Таблицы

        Кое-какие приемы форматирования текста

        Прием форматирования

        Вид текста Тег

        Подчеркивание

        Пример

        U

        Зачеркивание Пример

        S

        Курсив Пример

        EM

        Жирный шрифт Пример B Пишущая машинка

        Пример

        TT

        3. Сохраните документ под именем Таблица.html и просмотрите его в браузере.

        Итог исполнения задания приведен на рисунке.

        Задание 8

        1. Применяя приложение Блокнот, создайте документ, демонстрирующий применение таблицы для макета страницы.

        2. Введите следующий текст:

        Применение таблиц для макетов страниц

        Применение таблиц

        Применение таблиц окажет помощь Вам располагать текст на странице произвольным образом.

        Не вводите в тег таблицы атрибут BORDER, дабы
        в окне браузера не отображалась рамка таблицы.

        3. Сохраните документ под именем Таблица_макет.html и просмотрите его в браузере.

        Итог исполнения задания приведен на рисунке.

        Бегущая строка

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

        Таблица. Теги для бегущей строки

        Назначение Тег
        Создание бегущей строки Текст вводится между тегами …
        Атрибуты тега
        ширина поля бегущей строки (в пикселах либо процентах) высота поля (в пикселах) WIDTH HEIGHT
        промежутки по вертикали и горизонтали между краями поля бегущей строки и главным текстом (в пикселах) HPSPACE VSPACE
        размещение текста в поле бегущей строки: · вверху; · внизу; · посередине атрибуту ALIGN присваиваются, соответственно, следующие значения: · TOP; · BOTTOM; · MIDDLE
        цвет фона поля BGCOLOR
        направление перемещения бегущей строки: · слева направо; · справа налево; атрибуту DIRECTION присваиваются, соответственно, следующие значения: · RIGHT; · LEFT
        метод перемещения бегущей строки: · текст появляется от одного поля края и исчезает за вторым; · бегущая строка вытягивается из одного края поля и останавливается у другого; · от одного края поля к второму и обратно атрибуту BEHAVIOR присваиваются, соответственно, следующие значения: · SCROL; · SLIDE; · ALTERNATE
        число повторений текста бегущей строки LOOP

        Задание 9

        1. Применяя приложение Блокнот, создайте документ с бегущей строчком. Для этого введите следующий текст:

        Бегущая строка

        Вы видите бегущую строчок

        Бегущая строка демонстрируется в MSIE

        2. Сохраните документ под именем Бегущая_строка.html и просмотрите его в браузере.

        итог исполнения задания приведен на рисунке.

        Урок 2 Главные приемы форматирования текста


        Также читать:

        Понравилась статья? Поделиться с друзьями: