Учебник по HTML5

Введение

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине.Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.

Если упростить, то мы указываем браузеру, как он должен распологать элементы на экране. Эти указания мы просто пишем в специальном документе с расширением .html, а браузер, "читая" эту инструкцию, понимает, чего мы от него хотим. Поэтому работать можно даже в самом обычном блокноте. Однако рекомендуются специально предназначеные для этого программы - Notepad++ (универсальный редактор кода) или Sublime Text 3.

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

Также, сразу нужно уяснить несколько вещей:

Прежде всего - HTML5 - это не язык программирования, я язык гипертекстовой разметки.
Код HTML5 состоит из тегов. Тег - это основная структурная единица веб-страницы, написанная на языке HTML.
Теги бывают открывающие, закрывающие, а также могут иметь атрибуты (т.е. дополнительные параметры). Для некоторых тегов закрывающие теги необязательны.
- Открывающие: <тег>
- Закрывающие: </тег>
- Атрибуты: <тег атрибут="параметры атрибута">
Теги строятся по принципу вложенности, например:
- <del>Жирный зачёркнутый курсив</del> - верно
- будет: ~~Жирный зачёркнутый курсив~~
- <del>Жирный зачёркнутый курсив</del> - неверно
- будет: Жирный зачёркнутый курсив.

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


<!doctype HTML>
<html>
    <head>
        <title>
            Название вкладки
        </title>
    </head>

    <body>
        <p>
            <center>
                <audio src="ZEDION - Radiance.mp3" controls="controls">
            <center>
        </p>
    </body>
</html>

>> Следующая часть >>