Главная » HTML
    РейтингРейтингРейтингРейтингРейтинг


Справочник HTML

Перед вами популярный справочник по HTML - языку гипертекстовой разметки документов. Он часто используется ВУЗах как учебник по HTML, а иногда — как самоучитель.

В данном разделе представлены учебные материалы, касающиеся языка гипертекстовой разметки HTML. Представлены только легальные материалы, которые находятся в свободном доступе в интернете.

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

Простые  HTML коды без излишеств, нормально отображаются во всех широко распространённых браузерах, даже в морально устаревших.

В меню сайта вы найдёте все HTML теги, сгруппированные по их назначению и местоположению в обычном HTML-документе.


Что такое HTML?

HTML - это язык для описания структуры веб-страниц. Cтраницы, созданные с его помощью, могут быть просмотрены только при помощи специальных программ (браузеров), установленных на компьютерах пользователей.

Аббревиатура HTML расшифровывается как Hyper Text Markup Language (язык разметки гипертекста).

Запомните, он не является языком программирования, это язык разметки.

HTML использует теги разметки, чтобы описать структуру веб-страницы.


Как браузер получает веб-страницы?

Чтобы получить веб-страницу, нужно создать файл, написанный на языке HTML, и поместить его на веб-сервер. После того как вы поместили созданный файл на веб-сервер, любой браузер сможет через интернет отыскать вашу веб-страницу. Веб-сервер - это обычный компьютер с доступом в интернет, который непрерывно работает и ожидает запросов от браузеров. Любой сервер хранит веб-страницы, картинки, аудиофайлы и файлы других типов. Когда сервер получает запрос от браузера на какой-нибудь ресурс (изображения, веб-страницы и др.), он находит этот ресурс (если может определить местоположение ресурса) и отправляет его браузеру.

Перемещаясь по  различным сайтам в интернете и кликая по ссылкам, браузер делает запрос на HTML-страницу веб-серверу, получает ответ на свой запрос и отображает эту страницу в своем окне.

Каким образом браузер узнает о том, как именно отображать страницу? Вот здесь начинает работать язык HTML. Он говорит браузеру все о содержании и структуре страницы. Если ваш код будет написан корректно и без ошибок, то ваши страницы будут одинаково отображаться во всех браузерах.


Зачем нужен HTML-редактор?

Редактировать HTML-документы можно и в обычном текстовом документе, но удобнее это делать, конечно же, в специальных HTML-редакторах. 

HTML-редактор - это один из основных инструментов для создания и редактирования веб-страниц и сайта в целом. Основное преимущество редакторов перед обычным блокнотом состоит в том, что они осуществляют подсветку кода, что в свою очередь позволяет проще и быстрее редактировать необходимый код.

В качестве бесплатных редакторов можно использовать notepad++ и geany.


Что такое теги?

HTML теги - это ключевые слова или символы, заключенные в угловые скобки, например <body>,<p><h2> и т.д. Теги бывают двух видов: парные и одиночные (их также называют пустыми). Парные теги состоят из открывающего и закрывающего тега, например: <p>текст</p>. Символ "/" после угловой скобки указывает на то, что тег закрывающий. Одиночные теги состоят только из открывающего тега, например: <br>. Теги не чувствительны к регистру, поэтому могут быть написаны как прописными, так и строчными буквами: <P> означает то же самое, что и <p>. По стандарту HTML5 теги могут быть написаны в любом регистре.

С помощью тегов браузер распознает структуру и значение вашего текста, например, они сообщают браузеру, какая часть текста является заголовком, где начинается новый абзац, что нужно подчеркнуть и где расположить изображение (картинку). Получив эту информацию, браузер использует встроенные в него по умолчанию правила о том, как отображать каждый из этих элементов. Без использования тегов браузер выведет просто сплошной поток текста, без отступов, заголовков, абзацев и т.д. 


Что из себя представляет HTML-документ?

HTML-документ - это обычный текстовой файл c расширением .html, который содержит HTML-код. Далее будет описана информация для тех, кто не знает, как сохранять файлы с нужным расширением.

Windows:
Для того, чтобы сделать из текстового файла HTML-документ, вам надо всего-навсего сохранить файл под другим расширением, сделать это можно двумя способами:

1. В открытом редакторе (или в обычном текстовом документе) нажимаем файл → выбираемсохранить как → внизу в текстовом поле имя файла: напишем к примеру так: mypage.html → жмем сохранить. Всё, HTML-документ создан.

2. Кликаем правой кнопкой мыши (ПКМ) на текстовом файле → выбираем переименовать и меняем расширение с .txt на .html. Чтобы воспользоваться данным способом, нам надо сделать так, чтобы по умолчанию у всех файлов были доступны их расширения, делается это следующим образом: нажимаем Пуск → открываем Панель управления → выбираем Параметры папок → вкладка Вид → прокручиваем в самый низ и убираем галочку на Скрывать расширения для зарегистрированных типов файлов.

Открыть файл, сохраненный с расширением .html, для просмотра в браузере можно двумя способами:

1. Кликнуть по нему два раза левой кнопкой мыши, в этом случае веб-страница откроется в том браузере, который выбран по умолчанию.

2. Кликнуть по нему ПКМ → наводим курсор на открыть с помощью... → выбираем нужный вам браузер.

При получении HTML-документа браузер будет отображать его в виде веб-страницы.


 

 HTML5

HTML5 является последней версией самого популярного языка разметки. HTML не претерпел существенных изменений за последние 10 лет

 

Возможности HTML 5


Теги HTML 5

Если ты, дорогой друг, знаком с вёрсткой html-документа, то наверное использовал тег div, которым приходилось определять контейнеры в различных частях страницы. В новой версии HTML 5 для каждой части страницы имеется свой элемент.

Вставка мультимедиа

audio - добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице, путь к файлу задается через атрибут src или вложенный тег < source >. Закрывающий тег обязателен. Атрибуты:

video - Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице, путь к файлу задается через атрибут src или вложенный тег < source >. Закрывающий тег обязателен. Атрибуты:

Интерактивные элементы

menu - предназначен для отображения списка пунктов меню, аналогично тегам < ol > и < ul > внутри контейнера < menu > список создается с помощью тегов < li >. Закрывающий тег обязателен. Атрибуты:

command - создает команду в виде переключателя, флажка или обычной кнопки, < command > располагается внутри < menu >. Закрывающий тег не нужен. Атрибуты:

 

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!