Язык программирования HTML
Стандартная структура документа.

Приветствую Вас!

Самое первое с чем приходится знакомиться — язык программирования HTML (HyperText Markup Language — «язык гипертекстовой разметки»). Это скелет веб сайта, на который уже позже будут накладываться другие языки программирования.

С помощью HTML создается навигация по сайту, заполняется информацией страница, вставляются картинки, создаются таблицы и многое другое. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Последняя актуальная версия HTML5.

Ниже представлена простая и основная структура документа.

<!DOCTYPE HTML>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Название страницы</title>
        </head>
        <body>
            <h3>Первый заголовок</h3>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, 
            sed diem nonummy nibh euismod tincidunt ut lacreet dolore 
            magna aliguam erat volutpat.</p>
        </body>
    </html>

Чтобы создать документ HTML достаточного любого текстового редактора. Самый простой способ — открыть блокнот и внести туда данный код. Сохранить документ с расширением .html

Для обозначения тегов используется символ <тег>. Теги бывают двух видов: парные, которые выделяют блок текста, также называются еще контейнером и одиночные. Контейнер требует закрывающего тега, обозначаемого </тег>. Теги нечувствительны к регистру, поэтому запись <A> и <a> эквивалентна.

Теперь разберем что представлено в структуре.

Тег <DOCTYPE> cогласно спецификациям HTML и XHTML (что означает Объявление типа документа) сообщает валидатору, какую именно версию (X)HTML вы используете на своей странице. Данный тег всегда должен располагаться на Первой строчке каждой вашей старницы! Тег <DOCTYPE> — ключевой компонент web-страниц. Секция <DOCTYPE> указывает браузеру тип документа и версию использованного языка разметки. <!DOCTYPE HTML> Пока не стандартизованное объявление для документов HTML5.

<html> это корневой элемент HTML страницы. Главный элемент-контейнер на странице, в который помещаются теги заголовка и тела страницы. Он парный и закрывается в самом-самом конце документа.

<head> Элемент, с мета-тегами о документе. Парный тег, содержащий очень важную информацию для работы веб-страницы, его содержимое никак не выводится на саму страницу. В этом контейнере записывается заголовок страницы, метатеги, кодировка, подключение внешних файлов, таких, как таблицы стилей и скрипты.

Теги группы <meta> называют мета тегами, а содержимое мета тега — метаданными. Метаданные указывают различную техническую информацию о документе, в основном для браузеров и поисковых систем и не видны пользователю на сайте. Кодировка сама по себе непосредственно никак не отображается на веб-странице, но она играет большую роль. Если она не будет задана правильно, могут возникнуть ошибки при открытии в разных браузерах, а чтение может оказаться невозможным.

<title> данный тег устанавливает заголовок страницы (отображается в верхней части окна или вкладки браузера) как "Название страницы".

Тег <body> определяет содержимое (контент) HTML-документа, которое отображается в окне браузера (текст, ссылки, картинки (изображения), таблицы, списки и т.д.). Он должен быть единственным в документе и всегда должен располагаться внутри элемента <html>, сразу после элемента <head>.

Язык программирования HTML Стандартная структура документа.

Последние новости раздела

Язык программирования HTML
Стандартная структура документа.