Web-программирование

Сайт для начинающих веб-мастеров
web-prog.narod.ru

Краткий справочник по HTML



Этот краткий справочник основных наиболее часто используемых тегов HTML.

Структура документа 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 href="http://www.example.com/">Это ссылка</a><a href="http://www.example.com/"><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>
Символьные объекты
&lt; то же самое что <&gt; то же самое что >&#169; то же самое что ©
Другие элементы
<!-- Это комментарий --><blockquote>Текстовая цитата из некоторого источника.</blockquote><address>Город <br>Адрес 1<br>Адрес 2<br></address>



При перепечатке или частичном копировании статьи ссылка на источник и сохранение авторства публикации обязательна!

Copyright © 2007 http://web-prog.narod.ru/
All rights reserved.
Hosted by uCoz