Главная / Верстка / Html / Основные HTML-тэги +

Основные HTML-тэги +


30.06.2015 12:371042

Здесь даны основные 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> помещается непосредственно содержимое интернет-страницы, весь основной контент. Все что вы здесь напишете будет видно посетителю вашей страницы.

И вот как выглядит минимальный набор тегов, необходимый для создания интернет-страницы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<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.

Вот и все необходимые теги. Всё остальное достигается с использованием атрибутов этих тэгов (size, src, width и т.д.) и с помощью таблиц стилей CSS.


Html Теги



Верстка / Html PRoHtml


«Основные HTML-тэги +» - Похожие страницы

Основные шаги для создания сайтов Что такое сайт? Сайт это набор HTML страниц сложенных в общей папке FTP и объединенных под одним доменным именем URL. Вы можете задать себе вопрос, для чего вам нужно заказать создание сайтов в Киеве в нашей...

Комментарии отсутствуют
Добавление комментариев доступно только зарегистрированным пользователям