Карта сайта
Почта Максим Габов

Основы HTML

/Создание сайта/Основы HTML
Основы HTML
Автор: написал в рубрике Создание сайта. 0 Комментариев.

Общая особенность всех языков разметки в том, что они перемешивают текст документа с инструкциями разметки. Текст языка разметки написан вместе со специальными зарезервированными словами – «Тегами». Или разметочными инструкциями.

Вот, для примера, небольшая часть текста, размеченного при помощи HTML:

  • <h1> Создание сайта </h1>
  • <p>
  • Я давно <em>хотел научиться делать сайты!</em>
  • </p>

Код разметочных инструкций (теги) обведен угловыми скобками <как здесь>. Текст, находящийся между этими инструкциями, является текстом документа. Обычно используются 2 тега, который открывает и который закрывает размеченный текст.

Пример: <h1> Создание сайта </h1>

Здесь мы видим фразу: «Создание сайта», которая размечена тегом h1. Началом размечаемого текста является тег: <h1>. И закрывающим тегом является тег: </h1>.

h1 означает «это заголовок первого уровня», p значит «это параграф», а em означает «это подчеркнутое слово или фраза». Интерпретирующая программа может применять эти правила или стили для показа различных частей текста, используя различные размеры шрифта, отступы, цвет или другие стили, если это необходимо.

После интерпретации нашего размеченного кода, который написан выше, мы получим следующую надпись:

Создание сайта
Я давно хотел научиться делать сайты!

Основы языка html

Итак, мы разобрались, что языки разметки интерпретируют текст с помощью тегов.  Как видите, теги начинаются символом «<» и заканчиваются символом «>». А закрывающий тег отличается от открывающего наличием символа «/». Для некоторых элементов закрывающий тег не обязателен, а некоторые вообще не имеют закрывающего тега. К примеру: <br>.

Тег можно записывать как прописными так и строчными буквами <BODY> и <body> - это одно и то же.

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

<BODY background-color=»green» text=»red»>

Как Вы видите, в этом примере: background-color - параметр, green - атрибут text — параметр, red – атрибут. Здесь я разметил фон нашей страницы как зеленый, а текст красный.