Элементы логического форматирования
<P> текст </P> абзац (пустая строка и переход на новую) закрывающий необязателен
может использовать параметры выравнивания и другие.
<BLOCKQUOTE>текст</BLOCKQUOTE> Блок с отступом (цитата) похож на абзац
<H1> заголовок 1-го уровня </H1> самый крупный (размер шрифта)
…
<H6> заголовок 6-го уровня </H6> самый мелкий
<EM> акцент в тексте </EM> выделение текста (обычно курсив)
<STRONG> более сильный акцент в тексте </STRONG> (обычно полужирный)
<CITE> цитата или название книги </CITE> (обычно курсив)
<CODE> фрагмент кода (команда)</CODE> (отображается моноширинным шрифтом)
<DEL> отмечает свой текст как удаленный</DEL>(обычно зачеркнутый)
<INS> отмечает свой текст как вставку</INS>(обычно подчеркнутый)
< ABBR> аббревиатура </ABBR>(обычно подчеркнутый)
<SMALL> уменьшенный шрифт </SMALL>
< DFN> новый термин </DFN>(обычно курсив)
< KBD> данные вводимые пользователем </KBD> (отображается моноширинным шрифтом)
< Q> небольшая цитата </Q> (обычным шрифтом)
< SAMP> данные вводимые какой-либо программой </SAMP> (отображается моноширинным шрифтом)
< VAR> имя переменной </VAR> (обычно курсив)
<PRE>
текст не требующий форматирования (возможны и пустые строки), сохраняются все пробелы и концы строк
</PRE>
В пределах <PRE> могут использоваться гиперссылки. Однако, в пределах <PRE> , необходимо избегать использовать другие методы форматирования.
|
|
<ADDRESS> ФМИ /ТНУ /dekanat@fmi.tnu.edu</ADDRESS>
используется для адреса автора, обычно в конце документа (выделяется курсивом).
Элементы физического форматирования
Предпочтительнее логическое форматирование, поэтому нижеследующих тегов следует избегать.
<B> полужирный шрифт </B>
<I> курсив </I>
<U> подчеркнутый </U>
< SUB> подстрочные элементы </ SUB >
< SUP > надстрочные элементы </SUP>
Используя <HR> Вы можете разделить текст горизонтальной чертой. До и после линии автоматически вставляется пустая строка. Ниже указаны параметры тега:
- ALIGN Выравнивает по краю или центру; имеет значения LEFT,CENTER, RIGHT
- WIDTH Устанавливает длину линии в пикселах или процентах от ширины окна браузера
- SIZE Устанавливает толщину линии в пикселах
- NOSHADE Отменяет рельефность линии
- COLOR Указывает цвет линии.
<BR> конец строки (может быть несколько подряд, в отличие от абзаца)
< NOBR> блок без естественных разрывов в виде одной строки </ NOBR>
Специальные символы
Поскольку <, >, &, “ имеют специальное значение в HTML, необходимо использовать вместо них символы < , > , & ," соответственно). Специальные символы чувствительны к регистру. Кроме этого, к специальным символам относятся:   - неразрывный пробел
|
|
&сору - знак copyright.
Все символами могут быть также заданы своими кодами. Например, символ неразрывного пробела имеет код 160. Он может записываться в десятичном виде как  .
Гиперссылка.
<A HREF="имя файла"> Текст, который будет служить как обращение к другому документу</A> дескриптор якоря или элемент привязки
<A HREF="minihtml.html">Пример HTML-текста</A> относительная ссылка
<A HREF="AtlanticStates/NJStats.html">New Jersey</A> ссылка на том же сайте
<A Href="http://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>
Дата добавления: 2018-11-24; просмотров: 116; Мы поможем в написании вашей работы! |
Мы поможем в написании ваших работ!