AJAX загрузка
home

В этом учебнике Вы узнаете все об HTML.

HTML Введение

HTML расшифровывается HyperText Markup Language (в переводе означает Язык Разметки ГиперТекста).

HTML предназначен для создания веб-страниц во всемирной паутине.

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

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

HTML Тэги

Любой HTML документ состоит из обычного текста и разметочных тэгов.

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

Разметочные тэги HTML представляют собой специальные слова, которые окружены с обеих сторон угловыми скобками, например: <html>.

HTML тэги обычно применяются в паре, например: <b></b>. Первый тэг называется начальным тэгом, а второй конечным тэгом.

Текст находящийся между начальным и конечным тэгом подвергается "разметке". Например <b>Привет</b> будет отображено браузером как Привет (слово 'Привет' написанное жирным шрифтом).

HTML документ

Если HTML документ будет открыт в редакторе он будет отображен как обычный текстовый файл.

Если HTML документ будет открыт в браузере он будет отображен в соответствии с разметочными тэгами и будет называться веб-страницей.

Главная цель любого веб-браузера (такого как IE, Firefox, Chrome и т.д.) прочитать HTML документ и отобразить его как веб-страницу.

Левое окно нашего редактора отображает HTML документ как текстовый файл, а правое отображает его как веб-страницу:

Пример 

<html>
<body>
<h1>Мой первый заголовок!</h1>
<p>Привет всем!</p>
</body>
</html>
Попробовать в редакторе
Быстрый просмотр

Объяснение примера:

  • Тэг <html> объявляет начало и конец HTML документа;
  • Тэг <body> содержит все видимое содержимое HTML страницы;
  • Тэг <h1> позволяет "разметить" вложенный в него текст как заголовок;
  • Тэг <p> позволяет "разметить" вложенный в него текст как абзац.

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