HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Шпаргалка


« Назад Далее »

Краткий справочник HTML от Uroki-HTML.ru. Основные конструкции языка разметки гипертекста, синтаксис, примеры.


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-текст</strong>
<code>Это некоторый компьютерный код</code>

Физическое Оформление Текста

<b>Это жирный текст</b>
<i>Это курсивный текст</i>

Ссылки

Обычная ссылка: <a href="http://www.example.com/">текст ссылки</a>
Ссылка-изображение: <a href="http://www.example.com/"><img src="адрес URL" alt="Альтернативный Текст" /></a>
Почтовая ссылка: <a href="mailto:webmaster@example.com">Послать почту</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.php" method="post/get">

<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Послать" />
<input type="reset" />
<input type="hidden" />

<select>
<option>Яблоки</option>
<option selected="selected">Бананы</option>
<option>Вишня</option>
</select>

<textarea name="comment" rows="60" cols="20"></textarea>

</form>

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

&lt; - используйте для вывода в браузер <
&gt; - используйте для вывода в браузер >
&#169; - используйте для вывода в браузер ©

Другие Элементы

<!-- Это комментарий -->

<blockquote>
Текст - цитата.
</blockquote>

<address>
Uroki-HTML.ru<br />
<a href="mailto:us@example.org">Напишите нам</a><br />
Адрес: Ящик 123, Москва<br />
Телефон: +12 34 56 78
</address>

Источник : http://Uroki-HTML.ru/html/html_quick.php




« Назад Далее »
© 2011-2017 Уроки HTML
Рейтинг@Mail.ru