Языки разметки гипертекста определяют, как будет отображаться веб-страница в браузере. Размещение текста, картинок и гиперссылок задают теги. Чаще всего веб-страницы создаются с помощью HTML – стандартного языка разметки в интернете.

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

Есть несколько обязательных тегов, без которых веб-страница просто не откроется. Например, парный тег <html></html> должен стоять в начале и конце кода веб-документа. Тег <head></head> хранит служебную информацию о документе, а между метками <body> и </body> находится все полезное содержимое страницы.


Чтобы страница отображалась корректно, необходимо соблюдать очередность открытия и закрытия тегов, т.е. их вложенность: <тег1><тег2><тег3></тег3></тег2></тег1>

<html>
<head>
<title>Это я, новая страница</title>
</head>

<body>
Полезная информация на странице
</body>
</html>

Одиночный тег <br> переносит текст на другую строку, а <p> определяет отступ строки (абзац).

У тегов могут быть атрибуты (свойства) с дополнительными возможностями форматирования текста. Например, атрибут color может изменить цвет шрифта или фона:

<font color="# f0f0a7"> html – это круто</font>

Цвет фона задается в теге <body>:

<body bgcolor="# f0f0a7">

Значение атрибута должно заключаться в кавычки.

Чтобы понять, как выглядит разметка гипертекста, щелкните правой клавишей мыши по тексту, который вы сейчас читаете. В выпадающем меню выбирайте команду «Исходный код страницы», «Просмотр кода страницы» или «Просмотр HTML-кода», в зависимости от вашего браузера.