Кто сказал, что это сложно – самостоятельно изучить HTML и написать свой сайт самому? Ничего подобного!
Перед вами, уважаемый читатель, простой и понятный учебник HTML. В нём нет и не будет никогда долгих страниц, посвященных истории языков программирования или разработки доисторических браузеров, а будет только то, что вам действительно нужно, без лишних усложнений. Готовы? Поехали!

Язык гипертекстовой разметки, в просторечии HTML, есть средство общения человека с интернет-браузером. Нет, я не спорю с тем, что основной язык общения с любой программой это, как правило, русский мат. Но с вашего позволения мы здесь его изучать не будем. Итак – HTML. Разметка текста, который мы хотим видеть на экране, производится с помощью тегов, а смысл всего этого предприятия – объяснить браузеру, как именно наш текст необходимо отобразить, чтобы он стал красивой страницей нашего сайта. Теги пишутся по-английски, но если перевести их смысл, то код какой-нибудь странички будет выглядеть примерно так:

<Этот сайт написан на языке HTML версии 4.01 , о которой вы можете почитать подробнее здесь: http://www.w3.org/TR/html4/loose.dtd если вам решительно нечего больше делать.>
<Отсюда начинается html-код>
<Заглавная часть страницы>
<Это не что иное, как текстовый документ с разметкой html, убедительно прошу отобразить его в кодировке windows-1251>
<Ключевые слова – сайт, страничка, красивенькая, зелененькая, очень круто.>
<Описание – Ну нереально крутой сайт. Сам тащусь.>
<Название страницы>Мой сайт!<конец названия страницы>
<Закончилась заглавная часть страницы>
<Тело документа, фон зелененький, ссылка бежевая, шрифт готичненький>
<Заголовок большой и толстый>Мега супер-пупер сайт!<конец большого заголовка>
<Заголовок поменьше>Всем привет. <конец заголовка поменьше>
<Абзац>Это главная страница моего замечательного, уникального сайта. Сознайтесь, вы нигде и никогда не видели ничего подобного. <абзац закончился>
<Абзац красным шрифтом курсивом>Я вам ещё и не то покажу! <абзац закончился>
<Перенос строки>
<Гиперссылка на другую страницу>Читать дальше<закончилась ссылка>
<Тут будет картинка в бордовой выпуклой рамочке толщиной 4 пикселя, называется картинка «клёвый такой пейзаж»>
<Горизонтальная линия>
<Закончилось тело документа>
<Конец html-кода>


Cкажете, что это сложно и непонятно? Позвольте вам не поверить. HTML-код чист и прекрасен, как доходы тех, кто его придумал.
Если вы наблюдательны, а вы наверняка наблюдательны, то наверняка подметили пару важных вещей. Например, далеко не всё содержимое кода отображается на странице. Многие теги содержат чисто служебную информацию, которая пользователю не видна и не нужна. Также вы могли заметить, что некоторые теги ходят парами – обозначая начало и конец какого-либо действия. А другие вполне самодостаточны.
На самом деле тегов, конечно, гораздо больше, чем в нашем простом примере, и нам пора рассмотреть их по отдельности. Для этого предлагаю вам нажать на бежевую гиперссылку, которую вы видите ниже, и открыть в своём браузере первый урок…

Далее: Урок первый.

Метки: html и css, сайтостроение