Практическая верстка

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 кода








Дата добавления: 2016-07-09; просмотров: 530;


Поиск по сайту:

При помощи поиска вы сможете найти нужную вам информацию.

Поделитесь с друзьями:

Если вам перенёс пользу информационный материал, или помог в учебе – поделитесь этим сайтом с друзьями и знакомыми.
helpiks.org - Хелпикс.Орг - 2014-2024 год. Материал сайта представляется для ознакомительного и учебного использования. | Поддержка
Генерация страницы за: 0.006 сек.