HTML – язык для создания страниц в Интернете
Язык HTML является языком гипертекстовой разметки страницы. Само название является сокращением от HyperText Markup Language. Представляет собой язык отображения страниц в интернет браузере и используется для создания интернет сайтов.
HTML файл представляет собой обыкновенный текстовый файл, который можно отредактировать в любом текстовом редакторе. В файле находится информация для пользователя (то что видит пользователь на экране), а так же команды для браузера (пользователь этой информации не видит, а видит только результат их выполнения).
Пример вывода текста жирным шрифтом
в файле |
<b>Надпись жирным шрифтом</b> |
на экране |
Надпись жирным шрифтом |
Существуют общие правила построения страниц (правила оформления служебной части страницы) которые необходимо соблюдать.
ТЕГ
Тег является основным элементом языка. На странице тег обозначается своим названием взятым в угловые скобки <Название тега>. Теги бывают одиночные и парные (контейнеры). Парные требуют закрывающий тег обозначающийся как </Название тега>. Браузеры не чувствительны к регистру тегов поэтому теги <b>...</b>,<B>...</b> и <B>...</B> воспринимаются одинаково.
Парные теги могут вкладываться друг в друга, при этом надо следить чтобы вложенный тег полностью находился внутри наружного тега, в который он вложен.
Пример вкладывания тегов
Правильное оформление |
Не правильное оформление |
<b>Надпись <i>жирным </i></b><i>шрифтом</i> |
<b>Надпись <i>жирным</b>шрифтом<i> |
Надпись жирным шрифтом |
Надпись жирным шрифтом |
Как видите хотя и оформление выполнено не верно браузер устранил ошибку и отобразил строку правильно. Но не все ошибки могут быть обработаны правильно. Во избежания ошибок желательно все же соблюдать условия оформления.
Атрибуты
Атрибут (свойства тега) – описывает каким образом будет отображаться содержание тега в браузере. Описание идет в открывающем теге сразу после имени. Набор атрибутов зависит от используемого тега. Значение атрибута берется в одинарные или двойные кавычки (обязательно парно). Не текстовое значение тега можно и не брать в кавычки. Атрибуты разделяются пробелом.
Пример применения атрибута в теге
<p align="center">Текст по центру абзаца</p> |
Текст по центру абзаца (в данном случае ячейки). |
align атрибут (выравнивание) = "center" значение (по центру).
Структура HTML документа
<!DOCTYPE Описание документа>
<html Описание содержимого страницы>
<head атрибуты>
... Содержимое заголовка ...
... Содержимое заголовка ...
<head>
<title атрибуты>Название страницы</title>
<meta атрибуты />
<style>
... описание используемых стилей ...
... описание используемых стилей ...
</style>
<link атрибуты прикрепляемых файлов />
<script>
... Текст сценария ...
</script>
<base Описание базового адреса />
<body>
... Тело документа ..
</body>
</html>
Комментарии
Информация расположенная внутри комментария не отображается в браузере. Используется для вставок пояснений разработчика или отключения участков кода при отладке. Формат представления: <!-- Текст комментария -->.
При комментировании части кода необходимо следить чтобы не нарушилась структура документа.
|