Практическая верстка
5.1Основые тэги, используемые при верстке 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><!-- ссылка --></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><!-- конец документа -->
5.2Общие правила и рекомендации при написании HTML/XHTML кода
Дата добавления: 2015-07-07; просмотров: 749;