HTML

HTML

HTML

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

Осуществляется это путем присвоения каждому элементу своих параметров, которые распознает броузер. Параметры эти могут быть заданы как для одного, так и для группы или типа элементов. Тип элементов может быть таким: таблицы, ячейки, ссылки, текст. Отдельные свойства можно присваивать и выбранным элементам персонально.

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

Структура HTML-документа

Общий вид HTML документа выглядит следующим образом:

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>HTML Document</title>
   </head>
   <body>
      <p>
         <b>
            Тут размещается ваш текст.
         </b>
      </p>
   </body>
</html>

Заголовок документа

<head> — </head>

Именно здесь прописывается все важная информация, касающейся всей страницы;

Основное поле работы

<body> — </body>

Именно в тело мы вставляем весь контент страницы.

HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:

Основными компонентами HTML являются:

  • Тег (tag) — Тег HTML это компонент, который командует Web- броузеру выполнить определенную задачу типа создания абзаца или вставки изображения.
  • Атрибут (или аргумент). — Атрибут HTML изменяет тег. Например, можно выровнять абзац или изображение внутри тега.
  • Значение. — Значения присваиваются атрибутам и определяют вносимые изменения. Например, если для тега используется атрибут выравнивания, то можно указать значение этого атрибута. Значения могут быть текстовыми, типа left или right, а также числовыми, как например ширина и высота изображения, где значения определяют размер изображения в пикселях.

Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>HTML Document</title>
   </head>
   <body>
      <p>
         <b>
            Этот текст будет полужирным, 
            <i>а этот - ещё и курсивным</i>
         </b>
      </p>
   </body>
</html>

даст такой результат:

Этот текст будет полужирным, а этот — ещё и курсивным

Первый тег <!DOCTYPE> — это идентификатор применяемого стандарта HTML. В приведенном примере задано соответствие последнему стандарту HTML5. Информация в заголовке <head>

Контейнер <head> содержит информацию для браузеров и поисковых систем. Содержание контейнера <body>

Между парой тегов <body>…</body> хранится всё содержание web-страницы, которое отображается на экране монитора в окне браузера.

Это может быть простой текст, списки, ссылки, изображения, таблицы и др.

Уроки по теме: