Основные HTML-тэги
Здесь даны основные HTML-теги
80% работы выполняются при помощи этих 20% HTML-тегов. Остальные HTML-теги вам вряд ли понадобятся, по крайней мере на первых порах. К примеру, при создании этого сайта никакие другие теги не применялись. Применялись атрибуты этих тегов и таблицы стилей (CSS).
На различных CMS, в частности - Joomla!, сделать сайт можно и без знания HTML-тегов. Для более-менее серьезного занятия созданием сайтов эти знания просто необходимы.
Необходимый минимум
Во-первых, любой HTML-документ должен начинаться со строки, которая говорит браузеру о том, какой версии языка HTML соответствует ваш HTML-документ.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Эта строка говорит браузеру что документ соответствует стандарту HTML 4.01. Запоминать ее не нужно. Просто знайте, что она необходима. Скопируйте и вставляйте в начало любого HTML-документа.
<html></html> - контейнер, который заключает все содержимое веб-страницы и указывает браузеру, что это HTML-документ. Тег <html> стоит всегда первым тегом на странице, тег </html> всегда самым последним. Все остальное пишется между ними.
Далее, подобно человеку, страница должна иметь голову <head>...</head> и тело - <body>...</body>.
В "голове" прописывается название страницы (между тегами <title> и </title>) и все служебные теги - таблицы стилей (CSS), которые подключены к этой странице, различные мета-тэги (описание, ключевые слова, переадресация, кодировка и т.д.), скрипты. Посетителю они не видны.
Между тегами <body>...</body> помещается непосредственно содержимое интернет-страницы, весь основной контент. Все что вы здесь напишете будет видно посетителю вашей страницы.
И вот как выглядит минимальный набор тегов, необходимый для создания интернет-страницы:
<html>
<head>
<title>Заголовок. Название HTML-страницы.</title>
</head>
<body>
Основное содержимое страницы. Текст, картинки и т.д..
</body>
</html>
Конечно же этих тегов будет явно недостаточно. Чтобы придать содержимому страницы читабельный и привлекательный вид, между тегами <body>...</body> прописываются еще несколько основных тегов.
Теги, прописываемые в "теле" документа, BODY
<h1></h1>...<h6></h6> - служат для создания заголовков. Существует 6 уровней заголовков, отличающихся по величине шрифта.
<p></p> - определяет параграф. Позволяет разбивать текст на абзацы.
<br> - тэг переноса строки. Один из немногих непарных. Не имеет закрывающего элемента.
<img> - предназначен для вставки изображений на страницу. Непарный.
<a></a> -предназначен для создания ссылок на другие документы и файлы.
<div></div> - выделят фрагмент документа, с целью изменения и придания содержимому этого блока определенного вида с помощью таблиц CSS.
<span></span> - используется для выделения отдельных слов и частей текста с помощью стилей и таблиц CSS.
<strong></strong> - жирное начертание текста.
<em></em> - курсивное начертание текста.
<hr> - служит для вставки горизонтальной линии. Закрывающего тега нет.
<ol> (<ul>) - создает список нумерованный (ненумерованный).
<li> - Элемент списка.
</ol> (</ul>) - закрывет список нумерованный (ненумерованный).
<table> - таблица (контейнер для элементов таблицы).
<tr> - используется для создания строки таблицы.
<td></td> - создание ячейки строки.
</tr> - закрывает строку таблицы.
</table> - закрывает таблицу.
<form> - тег, создающий форму.
<input> - создает элемент формы (поле ввода, чекбокс, кнопка и т.п.). Закрывающего тега не имеет.
<select> - создает список элементов внутри формы. Выбор.
<option></option> - элемент списка. Иэ чего выбирать.
</select>
<textarea></textarea> - большое поле для ввода текста внутри формы.
</form> - тег, закрывающий форму.
Вот и все необходимые теги. Всё остальное достигается с использованием атрибутов этих тэгов (size, src, width и т.д.) и с помощью таблиц стилей CSS. (Что такое CSS >>)
Начало. Структура HTML-документа >>
Электронная книга "Основы Создания сайтов".
Подробно описаны все HTML-теги и их атрибуты.
Поиск по сайту