HTML

HTML (HyperText Markup Language) — язык гипертекстовой разметки. На этом языке браузеру передаётся, какой именно текст и другие элементы (изображения, таблицы, формы) и каким образом необходимо отображать на странице. HTML — не язык программирования, с помощью него верстают документы, особым образом размечают текст для публикации в Интернет.

Язык HTML позволяет связывать страницы между собой с помощью ссылок. Наличие ссылок являтся фундаментальным свойством web-страниц. Ссылкой может являться не только некоторая часть текста, но и картинка или ее часть.

Чтобы посмотреть, как устроена изнутри какая-либо страница, можно нажать правую кнопку на свободном месте web-страницы и выбрать в контекстном меню "Просмотр HTML-кода".

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

<BR>

Это пример непарного тега. Многие теги имеют пару и называются парными. Такие теги устанавливают диапазон своего воздействия. Первый тег в паре является открывающим, а второй закрывающим и выглядит так же как и первый, но с косой чертой перед названием. Например,

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

Любой HTML-документ находится внутри парного тега <HTML>. Внутри этого тега существует две непересекающиеся области: заголовочная (парный тег <HEAD>) и содержательная (парный тег <BODY>).

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

<HTML>

  <HEAD>
    <TITLE>название документа</TITLE>
  </HEAD>

  <BODY>
    содержимое документа
  <BODY>

</HTML>

В заголовочной части размещается тег <TITLE>. Внутри этого тега может находиться название документа, которое отражается в заголовке окна браузера.

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

Текст

<P>текст</P>

Используется для выделения абзацев текста. Закрывающий тег не обязателен.

<BR>

Означает принудительный перенос строки, но не начало следующего абзаца.

<H1>заголовок</H1>

Служит для создания заголовков. Следующие уровни заголовков можно выделять тегами <H2>, <H3> и т. д.

<B>текст</B> <I>текст</I> <U>текст</U>

Выделяет область текста соответственно жирным, курсивом и подчёркиванием.

Гиперссылки

<A HREF="имя файла">ссылка<a>

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

<A HREF="имя файла" TARGET="_blank">ссылка<a>

Дополнительный параметр TARGET="_blank" используется, для того, чтобы ссылка автоматически открывалась в новом окне.

Списки

<UL>
<LI>пункт1</LI>
<LI>пункт2</LI>
<LI>пункт3</LI>
</UL>

<OL>
<LI>пункт1</LI>
<LI>пункт2</LI>
<LI>пункт3</LI>
</OL>

Эти теги используются для создания соответственно ненумерованных и нумерованных списков.

Таблицы

<TABLE>
<TR>
  <TD>ячейка1_1</TD>
  <TD>ячейка1_2</TD>
</TR>
<TR>
  <TD>ячейка2_1</TD>
  <TD>ячейка2_2</TD>
</TR>
<TABLE>

Эти теги используются для создания таблиц:
Тег <TABLE> создаёт таблицу.
Тег <TR> создаёт внутри таблицы новую строку.
Тег <TD> создаёт новую ячейку с данными в текущей строке

Изображения

Тег вставляет в документ изображение из файла. С помощью атрибутов WIDTH и HEIGHT, можно изменять первоначальные размеры изображения.