Элементы HTML

Часть документа HTML, расположенную между парными тегами, рассматривают как элемент языка HTML. Так, можно говорить об элементе body, включающем тег <body>, основное содержание документа и закрывающий тег </body>. Весь документ HTML можно рассматривать как "элемент HTML". Для непарных тегов элемент совпадает с тегом, который его определяет.

Большинство элементов языка HTML описывает части содержания документа и помещается между тегами <body> и </body>, то есть внутри структурного элемента body. Такие элементы делят на блочные и текстовые. Блочные элементы относятся к частям уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и еще более мелких частей текста.

Теперь можно сформулировать правила вложения элементов.

- элементы не должны пересекаться (если открывающий тег расположен внутри элемента, то и соответствующий закрывающий тег должен располагаться внутри этого же элемента;

- блочные элементы могут содержать вложенные блочные и текстовые элементы;

- текстовые элементы могут содержать вложенные текстовые элементы;

- текстовые элементы не могут содержать вложенные блочные элементы.

Строго говоря, все правила языка HTML можно рассматривать исключительно как "пожелания". Средство, используемое для отображения веб-документа, сделает все возможное, чтобы истолковать разметку наиболее разумным образом. Тем не менее, гарантию правильного воспроизведения документа дает только неукоснительное следование требованиям спецификации языка.

8.6.3. Функциональные блочные элементы

В большинстве документов основными функциональными элементами являются заголовки и абзацы. Язык HTML поддерживает шесть уровней заголовков. Они задаются при помощи парных тегов от <h1> до <h6>. При отображении веб-документа на экране компьютера эти элементы показываются при помощи шрифтов разного размера.

Примеры заголовков:

<span style=’font-family:Arial;color:Red’>ОТЕЧЕСТВЕННАЯ ПОЭЗИЯ</span></h1>

<h2><center><span style=’color:Blue’>РУССКИЕ ПОЭТЫ</span></center></h2>

Обычные абзацы задаются с помощью парного тега <p>. Язык HTML не содержит средств для создания абзацного отступа («красной строки»), поэтому при отображении на экране компьютера абзацы разделяются пустой строкой. Закрывающий тег </p> рассматривается как необязательный. Подразумевается, что он стоит перед тегом, задающим начало следующего абзаца документа. Например:

<h1>Заголовок первого уровня</h1>

<p>Первый абзац<p>Второй абзац

<h2>Заголовок второго уровня</h2>

Язык HTML рассматривает символы конца строки и пробелы особым образом. Любая последовательность, состоящая только из пробелов и символа конца строки, рассматривается как одиночный пробел. Из этого, в частности, следует, что символ конца строки не осуществляет перехода на новую строку; для этой цели используется текстовый элемент, задаваемый непарным тегом <br>.

8.6.4. Гипертекстовые ссылки

Гипертекстовая ссылка является фрагментом текста, и поэтому задается текстовым элементом, определяемым при помощи парного тега <a>. Этот элемент содержит обязательный атрибут href=, после которого необходимо задать значение этого атрибута.

В качестве значения этого атрибута используется URL-адрес документа, на который указывает ссылка. Она может указывать на произвольный документ, располагающийся на любом общедоступном узле сети (веб-узел, архив FTP и пр.). Например, открывающий тег ссылки может иметь вид <a href="http://www.yandex.ru/index.htm">.

Пример гиперссылки на документ, не размещенный в сети и расположенный в той же папке, что и документ, в котором сформирована такая гиперссыка:

<p><a href=”pushkin.htm”>Александр Пушкин</a>

<== предыдущая лекция	\|	следующая лекция ==>
Технологии разработки web-документов	\|	Учение о растворах

Поделиться с друзьями:

Дата добавления: 2014-01-04; Просмотров: 297; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.01 сек.