[caption id="attachment_503" align="alignleft" width="205"]
html[/caption]
Гипертекстовая разметка является одной из самых важных языков и при этом она довольно проста в изучении. Её задача – вывести элементы на экран, указать их расположение и основные параметры. Этот язык своего рода скелет, на который нанизываются остальные элементы.
Этот язык используется в файлах типа .html, ниже приведены бессменные теги для любого файла.
html[/caption]
Гипертекстовая разметка является одной из самых важных языков и при этом она довольно проста в изучении. Её задача – вывести элементы на экран, указать их расположение и основные параметры. Этот язык своего рода скелет, на который нанизываются остальные элементы.
Этот язык используется в файлах типа .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. Парный тег
<body></body>является телом страницы. Именно сюда вставляются элементы блоков, картинок, текста, цветов. В общем, весь контент располагается внутри «body».
