Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторная работа 1.docx
Скачиваний:
2
Добавлен:
21.07.2019
Размер:
29.64 Кб
Скачать
  1. Теги заголовков

5.1. Заголовок обозначает начало раздела документа. В стандарте определено 6 уровней заголовков: от Н1 до Н6. Текст, окруженный тегами <Н1></Н1>, получается большим — это основной заголовок. Если текст окружен тегами <Н2></Н2>, то он выглядит несколько меньше (подзаголовок); текст внутри <НЗ></НЗ> еще меньше и так далее до <Н6></Н6>.

Введите в тело документа Nast.html строки заголовка:

<HTML>

<HEAD>

<TITLE> Настольный теннис </TITLE>

</HEAD>

<BODY>

<H1> Приветствую Вас на web-страничке о настольном теннисе</H1>

<H3> Виды соревнований </H3>

<H3> Участники соревнований </H3>

<H4> Правила игры </H4>

</BODY>

</HTML>

5.2. Рассмотрим атрибуты, которые используются при создании заголовков.

5.2.1. Атрибут АLIGN позволяет выровнять текст по левому или правому краю, по центру или ширине. По умолчанию текст выравнивается по левому краю. Данный атрибут применим также к графике и таблицам. Далее приведены возможные значения атрибута АLIGN:

  • АLIGN=justify - выравнивание по ширине;

  • АLIGN=left - выравнивание по левому краю. Поскольку выравнивание по левому краю задается автоматически, атрибут АLIGN=left можно опустить;

  • АLIGN=right - выравнивание по правому краю;

  • АLIGN=center – выравнивание по центру.

Например: <H1 align=center>Приветствую Вас на web-страничке о настольном теннисе</H1>

Установите выравнивание первого и второго заголовка по центру, третьего - по левому краю, четвертого – по правому краю.

  1. Теги форматирования

Тег <P> применяется для разделения текста на параграфы. В нем используются те же атрибуты, что и в заголовках. При просмотре в браузере новый абзац будет отделен от предыдущего пустой строкой

Тег <ВR> используется для принудительного перевода строки, чтобы нарушить стандартный порядок отображения текста, т.е. автоматически разбивает его на строки (т.е. абзацы идут без пустой строки).

5.1. Откройте в режиме редактирования HTML-кода документ Nast.html меню браузера "Вид" команда "Просмотр HTML-кода") и введите следующую запись в область тела документа:

<P>Вот уже более 40 лет настольный теннис остается главной и самой распространенной спортивной дисциплиной на планете. Большинство специалистов считает, что настольный теннис появился в Англии, как разновидность Королевского Тенниса. Возможно, что настольный теннис возник в США, Индии или Южной Африке (предполагается, что в последних двух странах в настольный теннис начали играть командированные туда Британские офицеры). Скорее всего, настольный теннис появился во второй половине XIX века. Тогда не было определенных правил. Мячи делались из нитей, книги, расставленные на столе, были сеткой, а куски толстого картона являлись ракетками.

Просмотрите результат

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

<P>&nbsp &nbsp Вот уже более 40 лет настольный теннис остается и т.д.

Просмотрите результат. Если есть необходимость в большем отступе, то данную запись делают несколько раз.

5.2. Введите изменения в данный текст:

<P>&nbsp &nbsp Вот уже более 40 лет настольный теннис остается главной и самой распространенной спортивной дисциплиной на планете. <P>&nbsp &nbsp Большинство специалистов считает, что настольный теннис появился в Англии, как разновидность Королевского Тенниса. <ВR> Возможно, что настольный теннис возник в США, Индии или Южной Африке (предполагается, что в последних двух странах в настольный теннис начали играть командированные туда Британские офицеры). Скорее всего, настольный теннис появился во второй половине XIX века. Тогда не было определенных правил. Мячи делались из нитей, книги, расставленные на столе, были сеткой, а куски толстого картона являлись ракетками.

Сохраните документ и просмотрите результат работы.

6. Просмотрите документ в броузере, изменяя настройку отображения шрифтов (меню ВидРазмер шрифтаСамый крупный, Средний, Самый мелкий и Мелкий).

7. Теги <ВIG> и <SMALL> — используются для изменения размеров шрифта

Текст, расположенный между тегами <ВIG></ВIG> или <SMALL> </SMALL>, будет, соответственно, больше или меньше стандартного. Проверьте работу данных тегов.

8. Верхние и нижние индексы устанавливают с помощью тегов <SUР> и <SUВ> можно задавать верхние и нижние индексы, необходимые для записи торговых знаков, символов копирайта, ссылок и сносок. Рассматриваемые теги позволяют создать внутри текстовой области верхние или нижние индексы любого размера. Чтобы они казались меньше окружающего текста, можно использовать теги <SUР> и <SUВ> с атрибутом FONT SIZE=-1, уменьшающим размер шрифта.

9. Изменение начертания и гарнитуры шрифта

7.1. Курсив, полужирный текст, подчеркивание, и их различные комбинации делает страницу более интересной.

Примените: для первого заголовка полужирный текст – тег <B> и </B>

для второго заголовка курсив текст – тег <I> и </I>

для третьего заголовка установите полужирный + курсив

для четвертого – подчеркивание <U>...</U>

Например: <H1 align=center><B> Приветствую Вас на web-страничке о настольном теннисе </B> </H1>