01-lect_html
.pdfТег, те́ги(иногда тэг, англ. tag, читается /tæg/) в SGML (в HTML, WML, AmigaGuide, языках семейства XML) — элемент языка разметки гипертекста, более правильное название — дескриптор.
Синтаксис тегов:
два тега — открывающий, или начальный, и закрывающий, или конечный, или еще дополнительно в зависимости от реализации языка. Пример: <p>...</p>
одиночный тег. Пример: <BR>
тег пустого элемента. Пример: Вместо <HR></HR> можно записать <HR/>.
Атрибуты
У тега могут быть свойства, называемые атрибутами, дающие дополнительные возможности форматирования текста.
Например: <font face="Times, Arial, Courier" size=4> оформляемый текст </font>
<b>Полужирный текст</b>
<a href="www.example.com">Ссылка на сайт</a>
Просто текст
<br>
http://ru.wikipedia.org/wiki/Тег_(языки_разметки)
Варианты DOCTYPE для HTML 4.01
Строгий (Strict): не содержит элементов, помеченных как «устаревшие» или «не одобряемые» (deprecated).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Переходный (Transitional): содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
С фреймами (Frameset): аналогичен переходному, но содержит также теги для создания наборов фреймов.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
DOCTYPE для HTML 5
<!DOCTYPE html>
http://ru.wikipedia.org/wiki/HTML
<title>Моя первая страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta name="description" content="Основные элементы html">
<meta http-equiv="refresh" CONTENT="60">
content, http-equiv, name, scheme
<link href="special.css" rel="stylesheet" type="text/css">
<link href="mailto:admin@mysite.ru" rev="made">
Href, rel, rev, type
http://www.w3.org/wiki/Html/Elements/strike
<strike>
HTML Reference
The <strike> element is a non-standard element. HTML5 classifies it as a non-conforming feature.
Examples
No, really, don't use it.
Alternative
<p>Buy our Iced Tea and Lemonade!</p> <p><s>Recommended retail price: $3.99 per bottle</s></p> <p><strong>Now selling for just $2.99 a bottle!</strong></p>
http://www.w3.org/wiki/Html/Elements/strike
Логическое и физическое форматирование
Примеры:
Логическое - <STRONG>, <CODE>, <ABBR>, ...
Физическое - <b>, <i>, ...
Форматирование текста
<EM> … </EM> — логическое ударение (обычно отображается курсивным шрифтом)
<STRONG> … </STRONG> — усиленное логическое ударение (обычно отображается жирным шрифтом)
<I> … </I> — выделение текста курсивом
<B> … </B> — выделение текста жирным шрифтом <U> … </U> — подчёркивание текста
<S> … </S> — зачёркивание текста.
<STRIKE> … </STRIKE> — то же самое, что <S> … </S> <BIG> … </BIG> — увеличение шрифта
<SMALL> … </SMALL> — уменьшение шрифта
<BLINK> … </BLINK> — мигающий текст. Внимание! Этот тег может не работать в браузере Internet Explorer версий 5 и ниже без применения JavaScript
<MARQUEE> … </MARQUEE> — сдвигающийся по экрану текст. <SUB> … </SUB> — подстрочный текст.
Например, H<SUB>2</SUB>O создаст текст H2O.
<SUP> … </SUP> — надстрочный текст.
Например, E=mc<SUP>2</SUP> создаст текст E=mc2.
http://ru.wikipedia.org/wiki/Элементы_HTML |
см. далее |
|
Форматирование текста
<FONT параметры> … </FONT> — задание параметров шрифта. У этого тега есть следующие параметры:
COLOR=color — задание цвета. Цвет может быть задан в шестнадцатеричной форме как #rrggbb (первые 2 шестнадцатеричные цифры задают красную компоненту, следующие 2 — зелёную, последние 2 — синюю) или названием.
FACE=шрифт меняет шрифт
SIZE=размер меняет размер шрифта. Размер от 1 до 7, стандартный по умолчанию 3. (Есть много способов изменить стандартный размер для данной страницы.)
SIZE=+размер или SIZE=-размер — размер задаётся по сравнению со стандартным. Например, +2 означает размер на 2 больше стандартного.
http://ru.wikipedia.org/wiki/Элементы_HTML
Текстовые блоки
<H1> … </H1>, <H2> … </H2>, … ,<H6> … </H6> — заголовки 1, 2, … 6 уровня. Используются для выделения частей текста (заголовок 1 - самый большой, 6 - почти равен обычном тексту по умолчанию).
<P> — новый абзац. Можно в конце абзаца поставить </P>, но это не обязательно.
<BR> — новая строка. Этот тег не закрывается (то есть не существует тега </BR>)
<HR> — горизонтальная линия
<BLOCKQUOTE> … </BLOCKQUOTE> — цитата. Обычно текст сдвигается вправо.
<PRE> … </PRE> — режим preview. В этом режиме текст заключается в рамку и никак не форматируется (то есть теги, кроме </PRE>, игнорируются, и переводы строки ставятся там, и только там, где они есть в оригинальном документе).
<DIV> … </DIV> — блок (обычно используется для применения стилей CSS)
<SPAN> … </SPAN> — строка (обычно используется для применения стилей CSS)
http://ru.wikipedia.org/wiki/Элементы_HTML
Списки:
Маркированный список:
<UL>
<LI> первый элемент </LI> <LI> второй элемент </LI> </UL>
Нумерованный список:
<OL>
<LI> первый элемент </LI> <LI> второй элемент </LI> </OL>
Вложенные списки:
<ol>
<li>Первый
<li>Второй
<ul>
<li>Первый
<li>Второй
</ul>
</ol>
Список определений:
<DL>
<DT> Кошка </DT> <DD> мяукающее домашнее животное </DD> <DT> Кот </DT> <DD> муж кошки </DD>
<DT> Крокодил </DT> <DD> большой африканский зверь с острыми зубами </DD>
</DL>
http://ru.wikipedia.org/wiki/Элементы_HTML