Мои книги, видеоуроки, справочники, задачники и тесты по HTML+CSS, PHP, JavaScript+jQuery+AJAX
смотрите на сайте theory.phphtml.net.

Язык HTML

Сайты делаются на специальном языке разметки HTML. HTML не является языком программирования и поэтому не очень сложен в изучении. Сайты просматриваются в специальных программах, называемых «браузерами». Примеры браузеров: Opera, Firefox, Internet Explorer, Google Chrome. Браузеры интерпретируют язык разметки HTML и выводят страницу на экран так, как это было задумано создателем сайта и определено им же с помощью языка HTML (и других языков, о которых ниже).

Теги

Главным понятием в HTML является тег (tag). Тег представляет собой несколько английских букв, заключенных в угловые скобки: <p>,<b>,<table>,</p>. Теги бывают открытыми <p> и закрытыми </p>. Каждому открытому тегу должен соответствовать такой же закрытый (но существуют теги, которые не нужно закрывать). Теги воздействуют на то, что находится внутри них. Например, тег <p> представляет собой абзац. Поэтому следующая конструкция дает команду браузеру разбить текст на абзацы


<p> здесь находится содержимое первого абзаца </p>
<p> здесь находится содержимое второго абзаца </p>

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

<p> здесь находится какой-то текст, <br> а дальше пошел разрыв строки</p>

в браузере будет выглядеть так:

здесь находится какой-то текст,
а дальше пошел разрыв строки

Странички, из которых состоит сайт, представляют собой обычные текстовые документы. Писать их можно в любом удобном вам текстовом редакторе (даже в блокноте). Для того, чтобы браузер понял, что ему «подсовывают» именно гипертекстовый документ, документ должен иметь расширение html. Например, так: my_page.html. Кроме того, текст страницы нужно заключить в теги <html>: <html> здесь должен находится текст страницы </html>

Атрибуты

Каждый тег может иметь “атрибуты”, которые задают свойства этого тега. Например, каким цветом показывать содержимое абзаца или как центрировать текст. Атрибуты записываются так: <p атрибут = “ значение атрибута”> содержимое абзаца </p> Благодаря атрибуту color (англ. цвет) установленному в значение red (aнгл. красный), следующий абзац будет красного цвета: <p color = “ red”> содержимое абзаца будет красного цвета </p>