Каждый, кто впервые сталкивается с созданием сайта или сайтов, неизменно слышит такое слово, точнее абревиатуру HTML. Конечно же человек, услышав первый раз выражение HTML, задается вопросами: Что такое HTML? Для чего нужен HTML? Как практически применить HTML? И еще много других вопросов в этом же духе. Давайте разберемся с этими понятиями.
HTML (HyperText Markup Language) – это язык разметки гипертекста. HTML – представляет собой систему разметки веб-страниц и определяет, где и как в web-документе или как говорят на web-странице сайта, отображать отдельные элементы текст, рисунки, ссылки и т.д. Т.е. при необходимости изменить, например текст (размер, цвет, наклон и т.д.) или вставить картинку в нужном месте добавляются специальные символы называемые тегами.
Теги не отображаются браузерами. Вы будете видеть только результат, т.е. измененный текст. Теги всегда заключаются в угловые скобки. Например видимая запись на web-странице: текст, означает, что текст, находящийся между тегами и будет отображаться жирным начертанием. Аналогично с помощью тегов создаются списки, таблицы, добавляются изображения и другие элементы веб-страницы.
По сути дела код веб-страницы и есть набор Тегов в перемешку с обычным текстом, картинками и другими файлами. Иногда говорят Исходный код.
Исходный код самой веб-страницы является обычным текстовым документом, который можно написать в обычном Блокноте (Пуск/Все программы/Стандартные/Блокнот)входящем в состав любой Windows подобной операционной системы и состоит всего из двух основных компонентов, которые перемежаются между собой:
-
текст, который и надо показать в окне браузера;
-
теги, они добавляют рисунки, устанавливают ссылки, меняют вид текста и делают еще множество других полезных вещей.
Этот текстовый документ сохраняют с расширеним .html или .htm (большой разницы нет) и получают готовую веб-страницу.
Таким образом, освоение языка HTML сводится к изучению основных тегов (их около двух десятков) и правил их использования этих тегов.
Для элементов разметки существуют правила их использования, которые установлены спецификацией HTML. Этот документ регламентирует порядок применения тегов, их вложенность и принцип работы. Знание спецификации и ее соблюдение помогает избежать типичных ошибок и позволяет создать универсальный код, одинаково хорошо работающий на различных устройствах и в разных браузерах.
Полезный совет: Мне например больше нравится пользоваться при наборе кода не «Блокнотом» а более продвинутой и к тому же бесплатной программой Notepad++.Функции программы те же, но все более наглядней и удобнее например есть подсветка кода, т.е. теги, параметры тегов и текст отображаются разными цветами, очень удобно, написал тег неправильно сразу изменился цвет очень наглядно и удобно, короче почувствуйте разницу
. Эту программу Вы сможете найти в разделе Инструментарий и скачать совершенно бесплатно на нашем сайте.
Полезный совет: В настоящее время существует довольно много визуальных редакторов для создания сайтов, перетаскивая мышкой какой-то элемент, Вы сразу получаете готовый код web-страницы. Удобно Но… если вдруг, что то на Вашей веб-странице «разъедется» или просто перестанет работать, согласитесь не зная исходного кода Вы не сможете это исправить. Так что знание кода – это Ваш фундамент, и его надо знать. Поэтому не ленитесь – набирайте код (хотя бы вначале) ручками.
Браузеры
Сам HTML-файл размещается на сервере в интернете и для его просмотра необходима специальная программа — браузер, например Internet Explorer (IE),Mozilla Firefox, Opera . В задачу браузера входит подключение к удаленному серверу, получение HTML кода web-страницы и его (кода) интерпретация (отображение на экране монитора) согласно спецификации. Иными словами, браузер преобразует HTML-документ в веб-страницу, которую мы и наблюдаем, когда «ходим» по Интернету.
Заметим так же, что браузеры вполне корректно работают и на локальном компьютере (не подключенном к Интернету), это позволяет легко проверять и отлаживать работу созданных Вами HTML-документов (сайтов). Для этих целей используется специальное программное обеспечение – Локальный сервер. Например Российский пакет Локального сервера – Денвер, но об этом позже.
Для упрощения задачи в наших уроках мы будем работать с браузером IE, этот браузер есть у всех пользователей Windows т.к. он входит в стандартный пакет установкиОперационной Системы (ОС).