- •Тема 1 простейшая html-страница
- •Оформление текста. Выравнивание абзацев.
- •Заголовки и подзаголовки.
- •Управление начертанием текста.
- •Тема 3 оформление текста. Изменение параметров шрифта
- •Тема 4 списки, типы списков
- •В основу построения большинства эвм положены принципы, сформулированные в 1945 г. Джоном фон Нейманом
- •Логические узлы эвм
- •Тема 5. Графика
- •Тема 6 внутренние гиперссылки
Управление начертанием текста.
Теги для оформления текста
<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>
Самостоятельная работа
Стихотворение, созданное в первой самостоятельной работе, оформить с помощью различных заголовков, различных начертаний (жирный, курсив, подчеркнутый), различных выравниваний.
