Основные теги html

Существует огромное количество HTML-тегов, но в действительности, при верстке сайта, применяется всего лишь малая их часть. На этой странице Вы найдете основные теги, используемые при верстке HTML-документов.

<!DOCTYPE html PUBLIC "..."><!-- указание типа стандарта -->
<html><!-- начало документа -->
	<head><!-- заголовок документа -->
		<title><!-- заголовок страницы --></title>
		<meta content=""/><!-- meta информация -->
		<style type="text/css"><!-- стилевая разметка, внутренний CSS --></style>
		<link type="text/css" href="#"/><!-- подключение внешнего файла (CSS) -->
		<script type=""><!-- скрипт --></script>
	</head><!-- конец заголовка документа -->
	<body><!-- начало тела -->
		<h1><!-- Заголовок первого уровня --></h1>
		<h2><!-- Заголовок второго уровня --></h2>
		<h3><!-- Заголовок третьего уровня --></h3>
		<h4><!-- Заголовок четвертого уровня --></h4>
		<h5><!-- Заголовок пятого уровня --></h5>
		<h6><!-- Заголовок шестого уровня --></h6>
		<pre><!-- предварительно форматированный блок --></pre>
		<p><!-- блочный элементом, определяет текстовый параграф -->
			<a href="#" title=""><!-- ссылка --></a>
			<strong><!-- полужирный --></strong>
			<em><!-- наклонный --></em>
			<big><!-- большой текст --></big>
			<small><!-- маленький текст --></small>
			<sub><!-- нижний индекс --></sub>
			<sup><!-- верхний индекс --></sup>
			<cite><!-- цитата --></cite>
			<span><!-- текстовый блок --></span>
			<br/><!-- принудительный перенос строки -->
		</p><!-- конец абзаца -->
		<div><!-- блок (блочного типа) -->
			<object><!-- вставка объекта, как правило работающего через plugin -->
				<embed><!-- то же самое, но для некоторых браузеров --></embed>
			</object><!-- конец объекта -->
			<img alt="" src="#"/><!-- изображение -->
		</div><!-- конец блока (блочного типа) -->
		<ul><!-- ненумерованный список -->
			<li><!-- элемент списка --></li>
		</ul><!-- конец ненумерованного списка -->
		<ol><!-- нумерованный список -->
			<li><!-- элемент списка --></li>
		</ol><!-- конец нумерованного списка -->
		<dl><!-- список определений -->
			<dt><!-- определение --></dt>
			<dd><!-- содержание --></dd>
		</dl><!-- конец списка определений -->
		<table><!-- таблица -->
			<tr><!-- строка таблицы -->
				<th><!-- ячейка заголовка таблицы --></th>
			</tr><!-- конец строки таблицы -->
			<tr><!-- строка таблицы -->
				<td><!-- ячейка таблицы --></td>
			</tr><!-- конец строки таблицы -->
		</table><!-- конец таблицы -->
		<form action=""><!-- форма -->
			<div><!-- блок (блочного типа) -->
				<fieldset><!-- блок полей ввода -->
					<legend><!-- заголовок блока полей ввода --></legend>
					<label><!-- ярлык поля ввода --></label>
					<input/><!-- поле ввода -->
					<textarea><!-- многострочное поле ввида --></textarea>
					<select><!-- плеввода типа "выпадающий список" -->
						<option><!-- элемент выпадающего списка --></option>
					</select>
				</fieldset><!-- конец блока полей ввода-->
			</div><!-- конец блока (блочного типа) -->
		</form><!-- конец форма -->
	</body><!-- конец тела -->
</html><!-- конец документа -->