Элементы физического форматирования




Предпочтительнее логическое форматирование, поэтому нижеследующих тегов следует избегать.

<B> полужирный шрифт </B>

<I> курсив </I>

<U> подчеркнутый </U>

<SUB> подстрочные элементы </ SUB >

< SUP > надстрочные элементы </SUP>

Используя <HR> Вы можете разделить текст горизонтальной чертой. До и после линии автоматически вставляется пустая строка. Ниже указаны параметры тега:

- ALIGN Выравнивает по краю или центру; имеет значения LEFT,CENTER, RIGHT

- WIDTH Устанавливает длину линии в пикселах или процентах от ширины окна браузера

- SIZE Устанавливает толщину линии в пикселах

- NOSHADE Отменяет рельефность линии

- COLOR Указывает цвет линии.

<BR> конец строки (может быть несколько подряд, в отличие от абзаца)

<NOBR> блок без естественных разрывов в виде одной строки </NOBR>

 

Специальные символы

Поскольку <, >, &, “ имеют специальное значение в HTML, необходимо использовать вместо них символы &lt;, &gt;, &amp; ,&quot; соответственно). Специальные символы чувствительны к регистру. Кроме этого, к специальным символам относятся: &nbsp - неразрывный пробел

&сору - знак copyright.

Все символами могут быть также заданы своими кодами. Например, символ неразрывного пробела имеет код 160. Он может записываться в десятичном виде как &#160;.

 

Гиперссылка.

<A HREF=" имя файла "> Текст, который будет служить как обращение к другому документу </A> дескриптор якоря или элемент привязки

<A HREF="minihtml.html">Пример HTML-текста</A> относительная ссылка

<A HREF="AtlanticStates/NJStats.html">New Jersey</A> ссылка на том же сайте

<A Href="https://www.simtel.ru/news/snews.http">News</A> абсолютная ссылка

<A NAME="имя ссылки"> Заголовок</A> именованная ссылка (имя внутри документа)

<A HREF = "documentB.html# имя ссылки "> Глава1 документаВ </A> обращение к именованной ссылке

При обращении к ссылке текущего документа имя файла опускается.

<A HREF = "# имя ссылки "> Глава1 </A>

Если вместо текста вы хотите создать мультимедийную ссылку:

<A HREF="minihtml.html"><img src=”somebody.gif ”></A>

Почтовая ссылка:

<A Href="mailto: dekanat@fmi.tnu.edu">Письмо в деканат</A>

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

Дополнительные теги HTML5.

В языке HTML5 используется много дополнительных тегов которые являются разновидностью тега раздел (DIV) и применяются для логического форматирования.

<ARTICLE> задает содержание сайта вроде новости, статьи, записи блога, форума или др. </ARTICLE>

<ASIDE> Определяет блок сбоку от контента для размещения рубрик, ссылок на архив, меток и другой информации. Такой блок, как правило, называется «сайдбар» или «боковая панель». </ASIDE>

<SECTION> Задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др. Раздел обычно содержит заголовок. Допускается вкладывать один тег внутрь другого. </SECTION>

<HEADER> задает «шапку» сайта или раздела, в которой обычно располагается заголовок. </HEADER>

<FOOTER> задаёт «подвал» сайта или раздела, в нём может располагается имя автора, дата документа, контактная и правовая информация. </FOOTER>

<HGROUP> Используется для группирования заголовков веб-страницы или раздела. Внутри располагаются теги заголовков от <h1> до <h6>. </HGROUP>

<NAV> задает навигацию по сайту. Если на странице несколько блоков ссылок, то в <nav> обычно помещают приоритетные ссылки. Допустимо использовать несколько тегов <nav> в документе. Запрещается вкладывать <nav> внутрь <address>. </NAV>

<MARK> помечает текст как выделенный. Такой текст ничем не отличается от обычного, но его вид может быть изменен с помощью стилей. В браузере Chrome и Firefox фоновый цвет текста внутри <mark> выделяется желтым цветом. </MARK>

<DETAILS> используется для хранения информации, которую можно скрыть или показать по требованию пользователя. По умолчанию содержимое тега не отображается, для изменения статуса применяется атрибут open. </DETAILS>

<SUMMARY> указывает заголовок для тега <details>, по которому можно щелкать для разворачивания/сворачивания информации. Тег <summary> должен идти первым внутри <details> </SUMMARY>

 



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2017-10-12 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: