Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
лицей 1 часть.docx
Скачиваний:
6
Добавлен:
01.07.2025
Размер:
1 Мб
Скачать
☆

Управление начертанием текста.

Теги для оформления текста

<hr>

Позволяет создать выпуклую горизонтальную линию для визуального выделения фрагментов текста на экране. Этот тег не требует закрывающего тега.

<p> текст </p>

Формирует отдельный абзац: перед абзацем добавляется небольшой отступ; абзац по умолчанию выравнивается по левому краю; между словами помещается ровно по одному пробелу (независимо от того, сколько их поставлено в исходном тексте); перенос текста происходит автоматически, если очередное слово не умещается в экранной строке.

<p align=“center”> текст </p>

<p align=”left”> текст </p>

<p align=”right”> текст </p>

<p align=”justify”> текст </p>

Параметр align задает выравнивание абзаца:

center - центрирование всех строк абзаца, в том числе при наличии принудительных разрывов строк с помощью тега <br>; left - выравнивание по левому краю; right - выравнивание по правому краю; justify - выравнивание по ширине.

<hn> текст заголовка </hn>

<h1> текст заголовка </h1>

<h2> текст заголовка </h2>

<h3> текст заголовка </h3>

<h4> текст заголовка </h4>

<h5> текст заголовка </h5>

<h6> текст заголовка </h6>

<hn align = justify | center | right> текст заголовка </hn>

Заголовки разделяют информацию на отдельные логические части и тем самым существенно улучшают ее восприятие. Заголовки в HTML бывают разными по значению (по уровню). Заголовок <h1>…</h1> - самый крупный, <h6>…</h6> - самый мелкий

<b> текст </b>

Полужирное начертание текста

<i> текст </i>

Курсивное начертание текста

<u> текст </u>

Подчеркнутое начертание текста

<b> <i> текст </i> </b>

Использование нескольких тегов

У ровень 1

Впишите необходимые теги и текст, чтобы получить HTML-код web-страницы, показанной на образце.

<__________>

<__________>

<__________>

_________________ <__________>

<__________>

<__________>

___________________________________ <____>

___________________________________ <____>

___________________________________ <____>

___________________________________ <____>

<__________>

<__________>

Уровень 2

О ткройте файл urok1 созданный на предыдущей теме. Внесите в него изменения в соответствии с образцом. Установите различные заголовки (h1, h2, h3, h4) для стихотворения. Сохраните файл в своей папке с именем urok21

Образец:

<h1> Мы за лето отдохнули, </h1>

<h3> Загорели, подросли. </h3>

<h4> И сегодня, в день осенний, </h4>

<h2> Снова в школу мы пришли. </h2>

Просмотрите изменения в браузере.

Уровень 3

Откройте файл urok1. Внесите изменения в текст и его начертания. Сохраните файл под тем же именем urok22.

О бразец:

<b> Первое сентября </b>

<u> Мы за лето отдохнули,

Загорели, подросли.

И сегодня, в день осенний,

Снова в школу мы пришли. </u>

<i> Школьник</i>

Уровень 4

О ткройте файл urok22. Внесите изменения в выравнивание строк (по центру, по левому края). Сохраните файл под тем же именем urok23.

<h1 align=center>Первое сентября</h1>

Мы за лето отдохнули,

Загорели, подросли.

И сегодня, в день осенний,

Снова в школу мы пришли.

<h2 align=right >Школьник</h2>

Самостоятельная работа

Стихотворение, созданное в первой самостоятельной работе, оформить с помощью различных заголовков, различных начертаний (жирный, курсив, подчеркнутый), различных выравниваний.