Структура документа HTML
<html>
<head>
<title>Здесь находится название документа</title>
</head>
<body>
Здесь находится выводимый текст
</body>
</html>
Элементы заголовка
<h1>Самый крупный заголовок</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Самый мелкий заголовок</h6>
Элементы текста
<p>Это параграф</p>
<br> (перенос строки)
<hr> (горизонтальная линейка)
<pre>Этот текст заранее отформатирован</pre>
Логические стили
<em>Этот текст выделен </em>
<strong>Этот текст акцентирован</strong>
<code>Это некоторый программный код</code>
Физические стили
<b>Этот текст жирный</b>
<i>Этот текст наклонный</i>
Ссылки, анкеры, и элементы изображений
<a style="color:#666666;" href="/external/?popup=0&url=http%3A%2F%2Fwww.example.com%2F" onMouseOver="menuSetHelpText('external');return false;" onMouseOut="menuClearHelpText()">Это ссылка</a>
<a style="color:#666666;" href="/external/?popup=0&url=http%3A%2F%2Fwww.example.com%2F" onMouseOver="menuSetHelpText('external');return false;" onMouseOut="menuClearHelpText()"><img src="URL" alt="заменяющий текст"></a>
<a href="mailto:webmaster@example.com">Пошлите e-mail</a>
Именованный анкер:
<a name="tips">Раздел полезных советов</a>
<a href="#tips">Переход в Раздел полезных советов</a>
Неупорядоченный список
<ul>
<li>Первый элемент</li>
<li>Следующий элемент</li>
</ul>
Упорядоченный список
<ol>
<li>Первый элемент</li>
<li>Следующий элемент</li>
</ol>
Список определений
<dl>
<dt>Первый термин</dt>
<dd>Определение</dd>
<dt>Следующий термин</dt>
<dd>Определение</dd>
</dl>
Таблицы
<table border="1">
<tr>
<th>какой-то заголовок</th>
<th>какой-то заголовок</th>
</tr>
<tr>
<td>какой-то текст</td>
<td>какой-то текст</td>
</tr>
</table>
Фреймы
<frameset cols="25%,75%">
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>
Формы
<form action="http://www.example.com/test.asp" method="post/get">
<input type="text" name="lastname" value="Петров" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Яблоки
<option selected>Бананы
<option>Вишня
</select>
<textarea name="Комментарии" rows="60" cols="20"></textarea>
</form>
Символьные объекты
< то же самое что <
> то же самое что >
© то же самое что ©
Другие элементы
<!-- Это комментарий -->
<blockquote>
Текстовая цитата из некоторого источника.
</blockquote>
<address>
Город <br>
Адрес 1<br>
Адрес 2<br>
</address>
|