2. Основы HTML
Суть HTML состоит в том, чтобы структурировать веб-страницу так, чтобы браузер понимал, как отображать страницу, которая вам нужна.
HTML-документ состоит из элементов, которые называются теги . Каждый тег выполняет определенную роль, благодаря которой выстраивается веб-страница, как дом из кирпичей.
Рассмотрим структуру HTML-документа.

- \(\) — это корневой тег страницы. Все, что прописано между открывающим тегом \(\) и закрывающим тегом \(\), будет отображено на создаваемой странице.
- \(\) — тег, который содержит служебную информацию о веб-странице (описание, заголовок, информацию для поисковиков и др.) Информация из этого раздела не отобразится на создаваемой странице.
- \(\) — тег, который содержит все, что отобразится на создаваемой странице. Это «тело» документа.
Обрати внимание!
Каждый из этих элементов должен обязательно присутствовать в тексте страницы. Они вместе задают структуру создаваемой веб-страницы.
Рассмотрим подробнее, что может содержать в себе тег \(
\).- \(\) — тег, который устанавливает заголовок для создаваемой страницы. Поисковые системы используют информацию, содержащуюся в этом теге, для отображения документа.
- \(\) — метатег. В сочетании с атрибутом \(charset\) определяет кодировку страницы.

рассмотрим как выглядит код страницы с использованием перечисленных тегов.
Лекция: Что такое HTML
Веб-страница представляет собой документ, содержащий описание ее структуры и содержания, создаваемого посредством команд, сформированных на языке HTML. Эти команды выполняются программой-браузером. Интерпретируя команды HTML, браузер создает визуальное изображение документа, собирая его из отдельных объектов. Веб-мастер создает не сам документ, а лишь описывает его структуру на языке гипертекстовой разметки. Сам документ создается браузером, интерпретирующим команды языка HTML. Для каждой веб-страницы на узле должен быть помещен файл, содержащий документ HTML с ее описанием.
Для создания HTML документа можно использовать специальные среды, все приложения MS Office, текстовые редакторы.
HTML расшифровывается как язык гипертекстовой разметки с его помощью создаются Web-страницы.
Язык разметки HTML позволяет определить внешний вид документа. Для этого в текст документа вставляются специальные коды, или дескрипторы.
Перечислим несколько характеристик HTML:
— HTML разработан специально для Web;
— HTML – это открытый стандарт, не являющийся собственностью какой-либо фирмы. Поэтому HTML можно пользоваться бесплатно;
— HTML доступен простым пользователям;
— HTML включен гипертекст.;
— HTML поддерживает мультимедиа.
Тест по информатике Интернет — глобальная информационная система 11 класс
Тест по информатике Интернет — глобальная информационная система 11 класс с ответами, содержит 5 заданий.
1. Что означает аббревиатура HTML?
1) графический формат для создания и воспроизведения видеоклипов в сети
2) язык разметки гипертекста
3) одну из характеристик глобальной компьютерной сети
4) программа для просмотра информации в WWW
2. Что такое HTTP?
1) сеть, объединяющая электронные доски объявлений
2) протокол передачи гипертекста
3) группа сообщений, посвященных определенной теме
4) компьютер, подключенный к сети
3. Заполните пропуски в предложении
Действие … систем основано на постоянном, последовательном изучении всех … всех сайтов Всемирной паутины. Для каждого документа составляется его поисковый образ — набор … слов, отражающих содержание этого документа.
1) поисковых, устройств, всевозможных
2) поисковых, страниц, ключевых
3) сетевых, страниц, всевозможных
4) сетевых, устройств, ключевых
4. В таблице приведены запросы к поисковому серверу. Расположите обозначения запросов в порядке убывания количества страниц, которые найдет поисковый сервер по каждому запросу.
А) рукоделие & вышивка
Б) рукоделие | вышивка | вязание
В) вышивка | вязание
Г) рукоделие & вышивка & вязание & макраме
5. В таблице приведены запросы и количество страниц, которые нашел поисковый сервер по этим запросам в некотором сегменте Интернета
| Запрос | Количество страниц (тыс.) |
| Лебедь & (Рак | Щука) | 3200 |
| Лебедь & Щука | 2000 |
| Лебедь & Рак & Щука | 200 |
Сколько страниц (в тысячах) будет найдено по запросу Лебедь & Рак?
Ответы на тест по информатике Интернет — глобальная информационная система 11 класс
1-2
2-2
3-2
4. БВАГ
5. 1400
Что такое HTML?

HTML — основа всего, происходящего в браузере. С его помощью браузер понимает, как должен располагаться контент и все элементы веб-страницы. Знание что такое HTML позволяет создавать сайты, эффектно оформлять документы в интернете и создавать красиво оформленные письма для e-mail рассылки. В современной web-разработке для разметки всех интернет-страниц (создания заголовков, списков, выделения абзацев документа) используется код HTML и «понимают» его все браузеры.
Как расшифровывается HTML и как он работает?
Аббревиатура HTML расшифровывается так: HyperText Markup Language (язык гипертекстовой разметки). Он состоит из открывающих и закрывающих тегов. Это команда для интернет-браузера, которая состоит из слова/буквы, заключенных в угловые скобки. Например, тег для выделения абзацев в тексте выглядит следующим образом:
. После тега располагается сам контент. В данном случае — текст абзаца. После него должен стоять закрывающий тег со слешем, он выглядит так:
. Вышеописанные теги называются парными. Но существуют и одиночные. Например, , который используется для загрузки изображений на страницу. Такие теги имеют свои атрибуты, которые пишут перед закрывающейся угловой скобкой. Код для размещения картинки на сайте будет выглядеть таким образом:
.

Базовые правила работы
Неправильное написание кода и мельчайшие ошибки, нарушение порядка закрытия тегов могут привести к весьма неожиданным результатам в браузере, они будут отображать страницу неправильно. Именно поэтому для его написания не подходят стандартные текстовые редакторы. Web-разработчики, как правило, используют специальные редакторы: Visual studio code, Sublime text, Notepad++ и другие. Они выделяют неправильные участки и подсказывают верное написание тегов. Такие редакторы существенно ускоряют работу.
Какие кавычки работают в HTML?
Разработчики используют в своих html документах как одинарные, так и двойные кавычки. Оба варианта имеют право на существование. Однако в разработке существуют свои «правила хорошего тона». Так не стоит в одном проекте использовать и одинарные, и двойные кавычки. Стоит выбрать один из вариантов и придерживаться его в работе над документом.
Возможности и секреты
- Структурировать контент на странице (разместить его в форме таблиц, списков);
- Оформить информацию привлекательно (специальные теги для жирного или курсивного шрифта, для цветового оформления текста и многое другое).
- Продвигать сайт в поисковых системах. Для этого используются семантические теги. Например, тег показывает поисковикам, где находится шапка сайта, а — подвал сайта.
Важно помнить: html атрибуты, созданные для внешнего оформления страниц, в настоящее время практически не используются в web-разработке. Для этого используются каскадные таблицы стилей CSS. Однако, знание этих атрибутов может пригодиться для создания e-mail писем. Ряд почтовых клиентов не работают с таблицами стилей CSS. Атрибуты языка гипертекстовой разметки помогут оформить письмо красиво и понятно для любого почтового клиента.
Что нельзя делать на языке HTML?
Возможности HTML велики, но не безграничны. Язык разметки не сможет:
- Заменить стандартный шрифт на другой;
- Отображать анимированные и динамичные элементы сайта;
- Стилизовать сайт в соответствии с трендами современного дизайна.
Эти недостатки компенсируются подключением таблицы стилей CSS, использованием языка программирования JavaScript, подключением плагинов JQuery.

Проверка — важный этап работы
Контроль выполненной работы — необходимый этап в создании web-документа. Игнорирование этого этапа может привести к таким проблемам:
- Документ неправильно отображается в некоторых браузерах;
- Поисковые системы игнорируют страницу с неправильным кодом.
Проверка поможет сделать web-документ совместимым со всеми интернет-браузерами и платформами. Такой код разработчики называют валидным.
Самый популярный сервис для проверки — WC3 Validator. После загрузки файла или ввода информации в механизм проверки, сервис укажет на ошибки.
История и версии языка гипертекстовой разметки
Первая версия HTML была разработана в конце 80х годов прошлого века. С тех пор язык разметки неоднократно модернизировался. На настоящий момент существует 5 версий. Самая последняя из них — HTML 5.2, разработанный в 2017 году.
Последняя версия языка гипертекстовой разметки помогает разработчикам создавать современные, адаптивные сайты, которые адекватно отображаются на всех устройствах и во всех браузерах. Однако для создания полноценного современного web-документа лишь языка HTML недостаточно, необходимо знать и применять другие технологии.
Рекомендуем почитать
Как выучиться на провизора
Команда «Синергия Еспортс» завоевала золото в «Битве за науку»
Доцент кафедры спортивного маркетинга принял участие во Всероссийском форуме студенческих спортивных клубов