Основы HTML

  1. Термины и определения
  2. Принципы WEB 2.0
  3. Структура HTML-документа
  4. Основные метатеги
  5. Форматирование текста HTML
  6. Списки
  7. Текст фиксированного формата
  8. Выделение фрагментов текста
  9. Изменение параметров шрифта
  10. Графика
  11. Таблицы
  12. Гиперссылки
  13. Изображения-карты
  14. Фреймы

Основы CSS3

  1. Что такое CSS
  2. Синтаксис CSS
  3. Стилевые классы
  4. Комбинированные стили
  5. Таблицы CSS
  6. Правила каскадности CSS
  7. Рекомендации применения стилей
  8. Параметры шрифтов
  9. Разрывы строк, вертикальное выравнивание
  10. Параметры фона
  11. Параметры абзаца
  12. Параметры списков
  13. Параметры курсора
  14. Параметры отступов
  15. Параметры рамки
  16. Параметры выделения
  17. Параметры отображения
  18. Контейнеры


   

Структура HTML-документа, обязательные теги

На этом уроке вы узнаете:

Язык HTML не является языком программирования - это язык разметки, поэтому HTML учится быстро и легко.

Теги и их атрибуты не чувствительны к регситру.

HTML-страницу рекомендуется начинать с директивы DOCTYPE, которая сообщает браузеру какая версия HTML использовалась при написании страницы. Общепринятым стандартом на 2015 год считается версия HTML5. В HTML5 версия в DOCTYPE не указывается, что упрощает переход на HTML5 со старых версий. Например, если HTML-страница соответствует стандарту HTML4, то для перехода на HTML5 достаточно изменить DOCTYPE.

ПРИМЕР:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> - HTML4
<!DOCTYPE HTML> - HTML5

Все браузеры поддерживают сокращенное объявление DOCTYPE и отображают HTML-страницу в соответствии со стандартом. Различия между версиями HTML приведены на странице w3.org/TR/html5-diff/#doctype

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

ПРИМЕР:

<!DOCTYPE HTML>

<html>
<head>
	<title>НАЗВАНИЕ HTML-страницы</title>
</head>

<body>

Текст HTML-страницы.

</body>
</html>

Теорию будем дополнять практикой.

Поздравляю, только что вы создали настоящую Веб-страницу. Согласитесь, это было не сложно.

ВАЖНО!

  • Между символами <, >, / и именами тегов, а также внутри имен тегов недопустимы пробелы и переносы строк.
  • В обычном тексте HTML-страницы нельзя использовать символы <, >, т.к. браузер будет считать текст, заключенный в косые скобки тегом и будет некорректно отображать страницу.
  • Следует внимательно следить за правильной вложенностью тегов - порядок следования закрывающих тегов должен быть обратным, в котором следуют теги открывающие:
    • ПРАВИЛЬНО - <strong><em>текст</em></strong>
    • НЕПРАВИЛЬНО - <strong><em>текст</strong></em>

TOP ↑