HTML-код. Коды цветов HTML. Что такое HTML

Термин HTML (Hyper Text Markup Language) означает "язык маркировки гипертекстов". Первую версию HTML разработал сотрудник Европейской лаборатории физики элементарных частиц Тим Бернерс-Ли.

Со времени создания первой версии HTML претерпел некоторые изменения. Как и многое другое в компьютерном мире, версии, или спецификации , HTML оказались пронумерованными. Известны спецификации 2.0, 3.0, 3.2, 4.0 и т.д.

Для освоения HTML по этому Руководству Вам понадобятся две вещи:

Любой браузер , т.е., программа, пригодная для просмотра HTML-файлов (Internet Explorer);

Любой редактор текстовых файлов, поддерживающий русский язык в выбранной кодировке. Если на компьютере установлен Windows , вполне подойдет Word .

Нужно использовать текстовый редактор для подготовки HTML-файлов, а браузер – как инструмент контроля за сделанным.

  • 2. Первый html-документ
  • 2.1 Как устроен html-документ
  • HTML-документ – это просто текстовый файл с расширением *.html (Unix-системы могут содержать файлы с расширением *.htmll).

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

    Вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "". Такой фрагмент (например, ) называется меткой (по-английски – tag, читается "тэг").

    Большинство HTML-меток – парные, т.е. на каждую открывающую метку вида есть закрывающая метка вида с тем же именем, но с добавлением "/".

    Метки можно вводить как большими, так и маленькими буквами. Например, метки , и будут восприняты браузером одинаково.

  • 2.2 Обязательные метки ...

  • Метка должна открывать HTML-документ. Аналогично, метка должна завершать HTML-документ.

    ...

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

    ...

    Все, что находится между метками и , толкуется браузером как название документа. Internet Explorer , например, показывает название текущего документа в заголовке окна и печатает его в левом верхнем углу каждой страницы при выводе на принтер. Рекомендуется название не длиннее 64 символов.

    ...

    Эта пара меток указывает на начало и конец тела HTML-документа, каковое тело, собственно, и определяет содержание документа.

    < H 1> ... - < H 6> ...

    Метки вида (где i – цифра от 1 до 6) описывают заголовки шести различных уровней. Заголовок первого уровня – самый крупный, шестого уровня, естественно, – самый мелкий.

    Такая пара меток описывает абзац. Все, что заключено между , воспринимается как один абзац.

    Метки и

    Могут содержать дополнительный атрибут ALIGN (читается "элайн", от английского "выравнивать"), например:

    Выравнивание заголовка

    по центру

    Образец абзаца с выравниванием

    В этой статье мы рассмотрим вопрос, что такое html, рассмотрим историю его развития. Поговорим о том, как создавать сайт и вообще сложно ли это. Итак, начнем

    1. HTML код - что это такое простыми словами

    HTML (англ. "hyper text markup language" - язык гипертекстовой разметки) - это специальный язык разметки, который применяется при создании сайтов в интернете.

    Браузеры прекрасно понимают html и могут интерпретировать его в понятном виде. Вообще любая страница сайта - это html-код, который браузер переводит в дружественный вид для пользователя. Кстати, код любой страницы является доступным для всех. Для его просмотра щелкните правой кнопкой мыши и выберите посмотреть исходных код или нажмите на клавиатуре CTRL+U:

    Язык разметки html получил широкую популярность. На данный момент - это единственный язык, с помощью которого создается разметка сайта. Я хочу подчеркнуть тот факт, что именно разметка. Так называемый "движок" создается на другом языке программирования (чаще всего php), который позволяет создавать интерактивные страницы (html этого не позволяет).

    Примечание

    Внимательный читатель обратит внимание, что далеко не у всех страниц на конце в интернете расширение.html. К примеру есть страницы /catalog/list (вообще без расширения). Это неправильно, но браузер сможет понять что это веб-документ и корректно его отобразить.

    2. Пример и структура html кода

    Ниже приведен пример со структурой типичной html страницы. Обратите внимание, что html код делится на две области: заголовок и тело страницы.

    Название страницы ... Заголовочные теги (подключение стилей, скриптов) ... ... Шапка сайта ... Левая колонка ... ... Основная часть сайта... ... Правая колонка ... Низ страницы ...

    Этот код можно редактировать в любом текстовом редакторе. Чаще всего для разработки html сайта используют notepad++ (продвинутый редактор, который выделяет теги и показывает ошибки). Но лучше использовать более продвинутые редакторы для работы с HTML-разметкой .

    Разметка состоит из html тегов (иногда пишут "тэг").

    3. Что такое HTML тег

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

    Например, . Почти каждый тег парный и требует закрывающего тега . Если вебмастер забудет поставить закрывающий тег или сделает это некорректно, то верстка будет не валидной (см. валидация сайта). Если это тег относится к тем, что держат "каркас" сайта, то сайт может "поплыть" (боковая колонка сместится вниз и т.п.).

    Запрещено закрывать теги не по порядку их открытия. Например

    Более подробно про создание html страницы читайте в статье.

    Всем-всем привет!

    Коли начали мы изучать , значит нужно знать основы HTML и CSS, которые помогут сделать наши сайты лучше и привлекательнее для поисковых систем. Всю эту неделю я буду рассказать Вам о работе с кодом сайта и вот, что Вас ждет:

    • . Будем учиться редактировать код сайта с помощью данных редакторов;
    • . Поможем поисковому роботу понять структуру страницы;
    • . Узнаем насколько правильно составлен код сайта и найдем ошибки;

    Как видите, на неделе у нас будет очень много работы, поэтому подписывайтесь на обновления блога Context-UP и получайте все уроки себе на почту, если Вы еще не подписаны.

    Основы HTML

    HTML (Hyper Text Markup Language) — это язык разметки документов в Интернете. То есть, любая страничка Вашего сайта — документ, а браузер — средство просмотра подобных документов.

    Задача HTML — показать браузеру где находиться тот или иной элемент документа. C помощью данного языка, элементы размечаются на странице и занимают определенное место, которые затем отображаются на мониторе посетителя сайта.

    Язык разметки состоит из специальных тегов, которые помогают браузеру определить:

    • Структуру документа;
    • Место нахождения того или иного элемента;
    • Предназначение элемента;
    • Подключаемые сторонние файлы;
    • И много-много другого.

    Это понимают и поисковые роботы, поэтому нужно уделить особенное внимание тому, насколько правильно составлен документ с точки зрения SEO и какую структуру имеет.

    Структура HTML

    Любой HTML-документ имеет начальную структуру, которая должна соблюдаться в обязательно порядке. Выглядит она так:

    Заголовок страницы Контент страницы