Задание 1

Лабораторная работа № 2

«Язык HTML 5: работа с текстом»

Абзацы

Если оформить текст в виде большого монолитного "куска", его вряд ли кто-то будет читать. Именно поэтому текст всегда разбивают на абзацы. Небольшие, включающие по несколько связанных по смыслу предложений, они доносят авторский текст постепенно, по частям, от простого к сложному.

Язык HTML для создания абзаца предоставляет парный тег <P>. Содержимое этого тега становится текстом абзаца:

<P>Я — совсем короткий абзац.</P>

<P>А я — уже более длинный абзац. Возможно, Web-обозреватель разобьет

меня на две строки.</P>

Абзац HTML отделяется небольшим отступом от предыдущего и последующего элементов страницы. Если абзац полностью помещается по ширине в родительский элемент Web-страницы, он будет выведен в одну строку; в противном случае Web-обозреватель разобьет его текст на несколько более коротких строк.

Абзац — это независимый элемент Web-страницы, который отображается отдельно от других элементов. Такие элементы Web-страницы называются блочными, или блоками.

Правила отображения текста абзаца Web-обозревателем:

ü два и более следующих друг за другом пробела считаются за один пробел;

ü перевод строки считается за пробел;

ü пробелы и переводы строки между тегами, создающие блочные элементы, никак не отображаются на Web-странице (благодаря этому мы можем форматировать HTML-код для более удобного чтения, в том числе ставить отступы для обозначения вложенности тегов).

Эти же правила справедливы для других блочных элементов, которые мы изучим в этой работе.

Задание 1.

Создадим главную Web-страницу нашего первого Web-сайта — справочника по HTML и CSS. Откроем Блокнот и наберем в нем HTML-код, приведенный в листинге 2.1.

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

Задание 2: Создадим папку, куда будем "складывать" файлы, составляющие наш Web-сайт. И сохраним в этой папке набранный HTML-код, дав файлу имя index.htm. Откроем созданную Web-страницу в Web-обозревателе — так мы сможем определить, нет ли ошибок. Если ошибки все-таки есть, исправим их.