|
HTML хоть и не является настоящим языком программирования, но все же является языком гипертекстовой разметки,
на котором пишут многие мировые сайты.
Поэтому HTML имеет свою структуру, правила и особенности, без знания которых вряд ли получится у Вас написать то, что Вы хотели.
|
Основные понятия HTML
- Код. Можно с легкостью провести аналогию с языками программирования, потому что в HTML имеются тоже так называемые команды - теги.
Но о них чуть ниже. А по сути, код - это уникальная последовательность символов,
благодаря которой веб-страница приобретает свой неповторимый внешний вид. В ней используются как теги, которые нужны только для браузера, так и
обычный текст, который видит на экране любой просматривающий Вашу Веб-страницу. Код мы будем писать в простом текстовом редакторе.
- Элемент. Любой код сайта состоит из элементов, которыми являются неделимые наименьшие единицы сочетания символов.
Например, элементом является абзац.
- Тег. Тегом называется элемент, заключенный в угловые скобки. В коде страниц пишутся именно теги, а не сами элементы.
В основном, тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">".
Обычно имеются два тэга - открывающий: ‹html›
и закрывающий: ‹/html›.
Различие в том, что в закрывающем перед элементом пишется слэш "/". Теги бывают парными, т.е. имеют закрывающийся тег, который обычно
является необходимым для правильного отображения, и одиночными, т.е. которые не нужно закрывать.
Всё содержимое, помещённое между открывающим и закрывающим тэгами, является содержимым тэга.
Важно запомнить, что теги и их параметры нечувствительны к регистру.
То есть ‹A HREF="http://Vk.Com"› и ‹a href="http://vk.com"›
означают одно и то же. Но все же старайтесь писать Ваш код только в одном, приятном Вам, регистре. Например, мне предпочтительнее писать нижним регистром.
Также очень важной информацией для Вас будет то, что браузер воспринимает множество пробелов, как один, а
обычные переносы строк клавишей Enter - как отсутствие символов. К примеру, "Я пишу
сайт" будет выглядеть, как "Я пишу сайт".
- Контейнер.
Контейнер – это совокупность открывающего и закрывающего тегов.
Например, Вы сейчас видите перед собой реализацию вот такого контейнера: ‹strong›Контейнер.‹/strong› Как легко догадаться, что
этот тег придает тексту жирное выделение.
- Параметр тега. Параметры регулируют способ отображения информации, добавленной при помощи тега. Например,
один из самых популярных тегов ‹p› - это тег абзаца.
А использование параметра align этого тега дает возможность выравнивать абзац. К примеру, так мы можем выровнять абзац по левому краю:
‹p align="left"›
- Значение параметра указывается в кавычках после знака равенства.
Одни параметры могут иметь ограниченный набор значений, другие –
абсолютно любые значения.
Есть и третьи параметры, которые могут принимать любые значения из конкретного множества (из множества целых чисел или процентов).
Пример Вы можете видеть на пункт выше, где у параметра align задано значение "left".
|
Структура HTML-документа.
На картинке справа вполне наглядно и понятно в немного шуточной форме показана структура HTML-документа, а также перечислены
все структурные теги. Структурные теги представляют собой основные теги HTML, определяющие структуру любой веб-страницы:
они задают ее начало и конец, показывают, где находятся "голова" и "туловище страницы". Их также называют базисными элементами.
Самый первый структурный тег - это ‹html› ‹/html› .
Этот тег является контейнерным, и внутри него располагаются все остальные теги. Он главный, корневой.
Затем идет "голова" документа, содержащаяся внутри контейнера ‹head›
‹/head›. Это первый из двух глобальных контейнеров, расположенных внутри корневого тега.
Обычно в этом контейнере указывается заголовок страницы, отображающийся в самом верху браузера (в строке заголовка).
Если посетитель свернет Ваше окно, то заголовок отобразится на панели задач – по ним проще сориентироваться, где какая страница.
Заголовок задается следующим образом:
‹ title ›Здесь будет Ваш заголовок‹/title › . Кроме того, в "голове"
указываются также различные инструментальные параметры, но о них мы поговорим позже.
После "головы" документа начинается его "тело", задающееся контейнером ‹body›
‹/body›. Внутри этого тега пишется весь основной код Вашего сайта. То, что находится
в "голове" документа не отображается непосредственно на Вашем сайте. Всё, что вы хотите видеть на самой странице,
является содержимым и должно, следовательно, находиться между внутри контейнера "body".
Итак, мы разобрали структуру, применимую к любому сайту в Интернете, написанному на языке HTML. Дальше мы будем изучать
другое содержимое, которое по Вашему усмотрению будет отличать Ваш сайт от других. А на следующем уроке Вам предлагается
познакомиться с табицей всех тегов и спецсимволов HTML.
Вернуться назад / пойти вперед.
|
