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

html

Гипертекстовая разметка является одной из самых важных языков и при этом она довольно проста в изучении. Её задача – вывести элементы на экран, указать их расположение и основные параметры. Этот язык своего рода скелет, на который нанизываются остальные элементы.

Этот язык используется в файлах типа .html, ниже приведены бессменные теги для любого файла.

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

<html>

<head>

<title>Основа html-документа</title>

<meta http-equiv="Content-type" content="text/html; charset=windows-1251">

</head>

<body>

</body>

</html>

Для начала познакомимся с понятием тегов. Они являются командами для браузера, пишутся в угловатых скобочках <>. Бывают парными и одиночными. Вышеперечисленные теги являются парными, за исключением <meta>.

Открывающие теги «html», «head», «title», «body» обозначают начало кода, внутри них пишется необходимые элементы. Закрывающие части «/html», «/head», «/title», «/body» указывают на конец кода. Тег «meta» одинарный, без закрывающей части.

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

Данная фраза пишется в самом начале документа, она указывает компилятору, какой вид языка будете использовать. Такой фразой вы даёте себе гарантию, что ваши теги будут правильно читаться. Чаще применяется версия 4, что и указано выше.

Внутри тега

<title></title>

находится название файла, которое выводится в поисковой строке, оно влияет на индексацию, поэтому его нужно обязательно заполнять. Обратите внимание, что если вы создаёте сайт для русскоязычной аудитории, то название документа пишется на кириллице.

Внутри тега <meta> имеются атрибуты – команды для браузера, которые конкретизируют тип начинки тега. У каждого атрибута имеется наименование и значение. Пишется атрибут следующим образом: «название = «значение»». В «meta» имеется два атрибута:

1. «http-equiv=»Content-type»» – атрибут «http-equiv» означает, что будет дана команда для браузера, значение «Content-type» даёт понять, что сейчас обозначится наименование типа файла.

2. «content=»text/html; charset=windows-1251″» – атрибут «content» обозначает, что в этом элементе содержатся данные о типе файла. Значение «text/html» информирует компилятор, что данная страница – файл html. А значение «charset=windows-1251» говорит, что статья идёт на русском.

Помимо значения «windows-1251», которое используется при создании русскоязычных файлов, имеется ещё значение «UTF-8». Оно является универсальным значением, его можно применять при создании портала на английском, немецком и других европейских языках. Если вы не планируете покорять Европу, то пишите значение «windows-1251», оно лучше воспринимается браузерами.

Теперь пройдемся по тегам, которые являются скелетом для всего документа:

1. Парный тег

<html></html>

обозначает начало и окончание документа.

2. Парный тег

<head></head>

предназначен для мета-тегов. Это элементы, которые используются не в каком-то конкретном месте, а на всей странице. Здесь указывается название файла, его краткое описание, ключевые слова. Тут же привязываются таблицы стилей CSS и другие документы.

3. Парный тег