В этом разделе Вы найдете уроки (от простого к сложному) связанные с самым интересным и в тоже время самым легким языком для создания сайтов - это язык гиперразметки HTML.
HTML - это основа создания абсолютно любого сайта от самого простого до самого сложного web-сайта или же целого портала. В Интернете нет ни одного ресурса, который не использует HTML. Это как азбука, зная основные теги и правила их применения Вы сможете самостоятельно создавать web-сайты. Нужно лишь последовательно изучите все уроки представленные в данном разделе.
Каждый, кто впервые сталкивается с созданием сайта(ов) или блогов, обязательно слышит такое слово, точнее абревиатуру: HTML. Конечно же человек, услышав первый раз выражение HTML, задается вопросами: Что такое HTML? Для чего нужен HTML? Как практически применить и использовать HTML? И еще у новичков возникает много других вопросов в этом же духе. Давайте вместе разберемся с этими понятиями.
HTML (HyperText Markup Language) - это язык разметки гипертекста. HTML - представляет собой систему разметки веб-страниц и определяет, где и как в web-документе или как еще говорят: на web-странице сайта, отображать отдельные элементы: текст, рисунки, ссылки и другие элементы. Т.е. при необходимости изменить, например на сайте текст (размер, цвет, наклон и т.д.) или вставить картинку в нужном месте, добавляются специальные символы называемые: тегами.
Существует множество визуальных редакторов значительно облегчающих и ускоряющих процесс создание HTML документов и сайтов, например: Front Page, Word , Dreamweaver, множество различных конструкторов сайтов и т.д. Но для начала, если Вы действительно хотите сами научиться разбираться в "сайтостроении", рекомендую все таки освоить написание кода. Механизм создания сайтов всегда одинаков. Сначала всегда пишется исходный код.
Итак, открываем программу Блокнот, уже установленную в операционную систему Windows (Пуск > Все программы > Стандартные > Блокнот) или Notepad++ (её Вы найдете в разделе Инструменты и набираем следующий исходный код.
Что значит отформатировать текст на web-странице? Под форматированием текста в HTML понимается придание текстовому содержимому web-страницы красивого и опрятного вида. Это может быть: 1. Выравнивание элементов (по левому, правому краю, середине или центру). 2. Придание тексту определённого цвета, размера шрифта, "жирности", наклона.
Итак, приступаем к форматированию текста. А для этого нам естественно необходимо добавить на web-страницу сам текст.
Открывая любое средство массовой информации (СМИ): газету, журнал, книгу и т.д. первое, что сразу бросается в глаза - это заголовки разделов, статей, рубрик. Что Вы делаете в первую очередь? Правильно! Вы просматириваете заголовки, а уже затем читаете текст.
А ведь web-сайт - это тоже средство массовой информации, только информация здесь представлена в несколько ином виде, чем мы привыкли видеть в печатных изданиях, но смысл остается тем же: заходя на любой сайт, посетители в первую очередь будут просматривают заголовки. Значит, нужно научиться вставлять заголовки, а как то не смотрится наша статья...
Бороздя бескрайние просторы Интернета Вы вероятно уже заметили, что на разных сайтах по разному отображаются web-страницы. Тексты на сайтах бывает: разного цвета, размера, жирный, курсив, попадаются разные шрифты и т.д. Вот этими вещами (форматированием текста web-документа) мы с Вами сейчас и займемся. Как Вы наверное уже поняли каждый вид отображения текста, задаётся соотвествующими тегами. Эти теги "говорят" браузеру в каком виде отображать тот или иной текст.
Теперь, когда Вы уже знаете несколько тегов, самое время поговорить о правилах написания кода. Что это значит? При написании HTML - кода, для его корректного отображения необходимо придерживаться некоторых правил, а именно:
Все парные теги, называемые по-другому контейнеры, состоят из двух частей — открывающий тег и закрывающий тег. Открывающий тег обозначается, как и одиночный — <тег>, а в закрывающем теге обязательно используется слэш — </тег>. Допускается вкладывать в контейнер другие теги, однако следует соблюдать их порядок.