Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Что такое HTML? Введение.

Viktor | 24.02.2014 | нет комментариев

Каждый, кто впервые сталкивается с созданием сайта или сайтов, неизменно слышит такое слово, точнее абревиатуру 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 FirefoxOpera . В задачу браузера входит подключение к удаленному серверу, получение HTML кода web-страницы и его (кода) интерпретация (отображение на экране монитора) согласно спецификации. Иными словами, браузер преобразует HTML-документ в веб-страницу, которую мы и наблюдаем, когда «ходим» по Интернету.

Заметим так же, что браузеры вполне корректно работают и на локальном компьютере (не подключенном к Интернету), это позволяет легко проверять и отлаживать работу созданных Вами HTML-документов (сайтов). Для этих целей используется специальное программное обеспечение – Локальный сервер. Например Российский пакет Локального сервера – Денвер, но об этом позже.

Для упрощения задачи в наших уроках мы будем работать с браузером IE, этот браузер есть у всех пользователей Windows т.к. он входит в стандартный пакет установкиОперационной Системы (ОС).

АВТОРСКИЕ ПРАВА
Источник: luksweb.ru
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB