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

Дата: 26/07/2014

Приветствую вас! В этой статье я вам опишу основные HTML-теги, которыми вебмастера пользуются каждый день, создавая свои сайты. Перед тем как их перечислить, хочу вам сказать, что теги бывают одинарные, то есть без закрывающих тегов, это как одинарная ковычка и есть теги, которым требуется закрытие, образно говоря, как скобки, открывающая и закрывающая, но, чтобы было понятнее, я буду использовать примеры. И так, поехали!
<a>ссылка</a> - этот тег создаёт гиперссылку.
Пример: <a href="URL">текст гиперссылки</a>. Где URL - это путь ссылки, в нашем случае мы можем указать http://mein-arbeit.narod.ru, а в текст ссылки поместить что эта страница Главная.
<b>текст</b> - этот тег выделяет текст жирным.
<br> - этот тег работает, как enter, то есть переносит текст на следующую строку.
<button>кнопка</button> - тег создаёт кнопку в HTML-документе. В последнее время используется мало.
<div>текст</div> - этот тег делает текст курсивным. - этот тег создаёт блок.
<form> форма<form> - этот тег создаёт форму.
<i>текст</i> - этот тег делает текст курсивным.
<input> - немалонужный тег, с помощью которого создаются текстовые поля, поля для флажков и радиокнопок, а также - создаёт кнопку для отправки формы.
<h1>заголовок</h1> ... <h6>заголовок</h6> - эти теги служать заголовками а цифровое обозначение показывает их размер от 1 самый большой до 6 самый маленький.
<hz> - этот тег создаёт горизонтальную линию. Очень удобно, когда нужно отделить что-либо в тексте.
<img> - этот тег предназначен для загрузки картинки.
Пример: <img src="URL или путь, где расположена картинка, изображение или рисунок в формате gif, jpg, png">. Более подробную информацию о расположении картинок на сайте я описал в статье Вставка картинок в HTML.
<li>текст или ссылка</li> - - этот тег используется в тегах списка OL или UL, этот тег служит для определения элементов внутри списков.
Пример: <ol> <li> Один </li> <li> Два </li> <li> Три </li> </ol>. Этот пример создаёт упорядочный нумированный вертикальный список.
<ol>список</ol> - этот тег создаёт вертикальные нумерованные списки.
<ul>список</ul> - этот тег создаёт вертикальный маркировачный список.упорядочный
<table>строки и колонки или ячейки<//table> - этот тег создаёт таблицу в HTML-страничке, а внутренние теги TR и TD соответственно строки и колонки.
Пример: <table> <tr> <td> ячейка первой строки и первой колонки</td> </tr> <tr> <td> ячейка второй строки первой колонки</td> </tr> <//table>.
<tr> строка</tr> - этот тег создаёт строку в таблице.
<td> ячейка</td> - этот тег создаёт ячейку в таблице. Если не создавать строку, то ячейка образуется в колонку.
<tr> строка</tr> - это малоиспользуемый тег, потому что служит для создания заголовка в таблице, который может заменить тег TR.
<th>заголовок в таблице</th>
<p>текст</p> - частоиспользуемый в тексте и не только тег. Определяет текстовый параграф.
Конечно же я указал здесь не все теги, а только те, которые нужны и часто используются и не стал описывать их дополнительные параметры и свойства, но статьи на этом не кончаются и я буду дальше рассказывать о трудностях связанных с этим интересным занятием, как вёрстка в HTML. Не большой совет, создайте HTML-страничку, как я это уже описывал в статье Структура HTML документа и поэксперементируйте со всеми выше перечисленными тегами. Если вы думаете не разберётесь, не переживайте я уверен, если вы будете эксперементировать, то вы поймёте всё, что вам было не понятно из этой статьи.

С уважением, Администратор!

предыдущая
Список статей по теме...