Итак, вы прочитали книгу по HTML и теперь делаете еще один шаг к созданию своего красивого сайта и начинаете изучать CSS. Зачем нужен CSS? Если вы прочитали мои Первые шаги HTML, то наверно заметили насколько это небольшое пособие. Я намерено пропустил много тегов и много атрибутов, которые отвечают за оформление: курсив, жирность, цвет, форму, выделение. Я сделал это с расчетом, что вам это не понадобится.

На HTML Вы можете написать свой собственный сайт. Этот учебник HTML научит вас многому в написании HTML сайта. Уроки HTML просты для понимания, вы будете наслаждаться HTML.

Я думаю на этом закончить HTML учебник, но я буду продолжать выкладывать уроки по HTML если они взбредут мне в голову. Вам может показаться, что учебник оказался очень коротким, но и озаглавлен он "Первые шаги". Не думаю что так необходимо описывать все теги, это я сделаю потом в справочнике по HTML.

Если вы думаете о продолжение обучения, то я рекомендую продолжить учить CSS, это часть HTML, которая позволяет оформлять HTML-элементы, чтобы все выглядело красиво.

Вот ссылка на мой учебник по CSS.

Основным элементом сайта является меню (навигация). Через него происходит перемещение по страницам сайта. Также меню важно для индексации сайта поисковиками, без связи между страницами поисковик не сможет пройти по всем страницам. Давайте посмотрим из чего состоит меню.

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

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

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

Вставляются изображения с помощью тега IMG (заметьте, что мы пишем не полностью image, а только img). Тег IMG одинарный <img />, то есть без парного тега.

Основным атрибутом тега IMG является атрибут src. Он работает как href у ссылки, в атрибут src мы должны вставить путь к картинки. Путь как и в ссылках можно писать относительный или абсолютный.

Одним из важных форм хранения информации являются таблицы. В таблицах хранят информацию Excel, Access и другие базы данных. Таблицы очень наглядно представляют данные, по этим данным удобно строить графики и диаграммы.
Давайте в этому уроке разберем как создавать таблицы в HTML. Для этогом мы будем использовать теги <table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>.

Мы подошли к самым основам HTML, то ради чего HTML и затевался, а именно к гиперссылкам (или просто ссылки). Ссылки - это способ организации связи между различными материалами. Допустим у вас есть 100000 текстовых файлов, если для них делать рубрикатор, то даже есть в каждом рубрикаторе будет по 200 описаний текстовых документов, то вам потребуется 500 рубрик. Чтобы просмотреть все эти 500 рубрик и найти нужную вам информацию, вам потребуется много времени. Как же ссылки сделают нашу жизнь проще?

Очень часто на сайтах используются списки: в меню, в тексте для перечисления чего-нибудь. Давайте начнем с самого популярного вида списка ненумерованного <UL></UL> (unordered list - ненумерованный список).

Список UL

Список UL используется для меню, для маркерованных списков, причем через HTML можно задать вид маркера.

Давайте изменим наш HTML-код: