Планирование уроков на учебный год (по учебнику К.Ю. Полякова, Е.А. Еремина, углубленный уровень)



Уроки 8 - 12
§ 7. Язык HTML





Содержание урока

Простейшая страница

Заголовки

Абзацы

Гиперссылки

Списки

Рисунки

Выводы

Вопросы и задания

Практическая работа № 5 «Простая веб-страница»

Практическая работа № 6 «Гиперссылки, списки и рисунки»


Абзацы


Абзац в языке HTML выделяется контейнером <p> (от англ. paragraph — абзац) — рис. 1.18:

<p>
В школе учится 70 человек.
Остальные 430 учеников валяют дурака.
</p>
<p>
Сколько всего учеников в этой школе?
</p>

Рис. 1.18

Рис. 1.18

По умолчанию абзацы отделяются друг от друга дополнительным интервалом, однако абзацного отступа («красной строки») браузер не делает.

Для выравнивания строк абзаца в тэг <p> можно добавлять атрибут align, как для заголовков. Кроме уже упомянутых вариантов выравнивания (left, center, right) для широких текстовых колонок часто используется значение justify — выравнивание по ширине.

Как нужно оформить для веб-страницы абзац с текстом «Pacta sunt servanda» с выравниванием по правому краю? Найдите перевод этого выражения на русский язык.


Для того чтобы просто перейти на новую строку, не начиная новый абзац (как при записи стихотворения), нужно использовать непарный тэг <br>(рис. 1.19).

И вечный бой! Покой нам
только снится <br>Сквозь
кровь и пыль...<br>Летит,
летит степная кобылица
<br>И мнёт ковыль...

Рис. 1.19

Рис. 1.19

Как нужно оформить на веб-странице трёхстрочное стихотворение японского поэта Р. Коно (перевод В. Маркова)?


Сквозь урагана рев,
Когда дрожит вся кровля,
Цикады слышен звон...

Используя дополнительные источники, выясните, как называется этот жанр поэзии.



Следующая страница Гиперссылки



Cкачать материалы урока








Наверх