Что означает html выберите правильные ответы
Перейти к содержимому

Что означает html выберите правильные ответы

  • автор:

Язык HTML: что это такое и как он работает

Рассказываем, что такое HTML, для чего он нужен и стоит ли называть его языком программирования.

Иллюстрация: Оля Ежак для Skillbox Media

Евгений Кучерявый

Евгений Кучерявый

Пишет о программировании, в свободное время создаёт игры. Мечтает открыть свою студию и выпускать ламповые RPG.

Консультант: Кристина Трапезникова

Главный дизайнер компании VVDEV. Считает, что хорошие дизайнеры, как и фронтендеры, должны знать HTML.

HTML (от английского HyperText Markup Language) — это язык гипертекстовой разметки текста. Он нужен, чтобы размещать на веб-странице элементы: текст, картинки, таблицы и видео.

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

Вот, например, как выглядит сайт Skillbox Media на одном HTML:

Из чего состоит HTML-код

HTML состоит из тегов — команд, которые указывают браузеру, как отображать помещённый в них текст. Это и есть элементы веб-страницы. У каждого тега есть имя, которое заключается в угловые скобки и >.

Например, в тег обычно помещают текст:

Тег — парный, он всегда должен закрываться тегом . Парные теги применяются для разметки блоков — элементов, в которые можно вкладывать другие элементы (в том числе блоки). К ним относятся:

  • контейнеры (div);
  • абзацы;
  • заголовки;
  • списки;
  • таблицы.

Так выглядит код веб-страницы с тегами и :

Теперь добавим ещё один тег — . Он центрирует элементы на экране. Затем положим в него теги и :

Как HTML работает на сайтах

Давайте разберём, как браузеры отрисовывают веб-страницы с помощью HTML-файлов.

Принцип работы разметки следующий:

  • Вы вводите в адресную строку адрес сайта или страницы.
  • Браузер отправляет запрос по этому адресу и получает файл в формате HTML.
  • Код из полученного файла последовательно преобразуется в визуальные объекты.

При этом каждый браузер руководствуется своими правилам отображения элементов. Раньше разработчикам приходилось создавать отдельные версии сайтов для Internet Explorer, Firefox, Opera и других браузеров. Стоило только не учесть какую-то особенность браузера, и сайт падал на глазах у разочарованных пользователей. К счастью, организация W3C разработала веб-стандарты — чтобы сайты отображались более или менее одинаково во всех браузерах.

Но и от обыкновенных ошибок никто не застрахован. Если разработчик по невнимательности не закроет тег или добавит содержимое куда-нибудь не туда, на странице вылезет что-то неожиданное. Допустим, мы написали таблицу:

Что можно и нельзя сделать на HTML

HTML — это каркас сайта. По нему браузер отрисовывает веб-страницу, наводит «красоту» с помощью CSS и добавляет логику через JavaScript. Например, в HTML-файле можно прописать:

  • гиперссылки;
  • таблицы;
  • изображения;
  • блоки;
  • абзацы;
  • формы;
  • заголовки.

Можно даже задавать простой дизайн напрямую в HTML — например, устанавливать цвет и шрифт текста или фоновый цвет блока. Однако профессионалы не рекомендуют так делать — лучше указывать стили в файле CSS. Там-то ваша фантазия ничем не будет ограничена: задавайте любые отступы, размещайте элементы нестандартными способами, играйтесь с прозрачностью, тенями и анимацией. Всё что угодно — но в CSS. Договорились? 🙂

Действия пользователей пока обрабатывают в основном с помощью JavaScript и его фреймворков. Но некоторые функции постепенно приходят в HTML. Например, перетаскивание объектов, или Drag & Drop, раньше было доступно только в JavaScript.

HTML — язык программирования?

Нет. На языках программирования пишут… программы и веб-приложения 🙂 Для этого в них есть условия, функции, переменные, операторы, классы и много что ещё. В HTML же есть только теги, которые помогают браузеру правильно отобразить содержимое сайта.

Во многих источниках HTML всё-таки называют языком программирования. Не верьте! HTML — это всего лишь формат текста. По сути, HTML-файл ничем не отличается от «вордовского» файла.

Сколько времени нужно, чтобы освоить HTML

Основы, которых хватит на создание примитивных страниц, можно изучить за час. То есть быстрее, чем была написана эта статья. Но мастерство приходит с практикой. Мало просто создать каркас — нужно убедиться, что он везде правильно отображается.

Специалисты, которые могут написать не кривой адаптивный сайт, ценятся у работодателей. Но быть просто HTML-верстальщиком невыгодно. Сегодня это довольно редкая и низкооплачиваемая профессия. Лучше сразу изучать фронтенд- или бэкенд-разработку, а HTML обязательно пригодится в процессе.

Читайте также:

  • Как писать на HTML5 и какие в нём есть возможности
  • Как правильно верстать HTML-таблицы
  • Тест. Сможете ли вы разговаривать с веб‑разработчиком на одном языке?
  • Что такое JavaScript и зачем он нужен

Тест по информатике «Тэги языка HTML»

Тест по информатике Тэги языка HTML

Программа для создания Web-страницы с использованием языка HTML:

Задание #2

HTML (HYPER TEXT MARKUP LANGUAGE) является:

1. Одним из средств при создании Web-страниц

2. Системой программирования

3. Графическим редактором

4. Системой управления базами данных

Задание #3

Каким тегом задается вставка изображения на web-страницу?

Задание #4

Каким тегом объявляется заголовок web-страницы?

Задание #5

Какие тэги задают размер заголовка?

Задание #6

Каким тегом объявляется web-страница?

Задание #7

Какие тэги указывают браузеру, что это HTML документ?

Задание #8

В какой тег заключается основное содержание web-страницы?

Задание #9

Каким тегом задается вставка гиперссылки на web-страницу?

Задание #10

Web-страница (документ HTML) представляет собой:

1. Текстовый файл с расширением txt или doc

2. Текстовый файл с расширением htm или html

3. Двоичный файл с расширением com или exe

4. Графический файл с расширением gif или jpg

Задание #11

В какой тег заключается название web-страницы?

Задание #12

Каким тегом задается цвет текста на web-странице?

Задание #13

Инструкция браузеру, указывающая способ отображения текста:

1. Программный код

Ответы:

1) (1 б.): Верный ответ: 4.;

2) (1 б.): Верный ответ: 1.;

3) (1 б.): Верный ответ: 2.;

4) (1 б.): Верный ответ: 2.;

5) (1 б.): Верный ответ: 4.;

6) (1 б.): Верный ответ: 1.;

7) (1 б.): Верный ответ: 4.;

8) (1 б.): Верный ответ: 4.;

9) (1 б.): Верный ответ: 3.;

10) (1 б.): Верный ответ: 2.;

11) (1 б.): Верный ответ: 3.;

12) (1 б.): Верный ответ: 1.;

13) (1 б.): Верный ответ: 2.

-75%

Информатика HTML. Тест, помогите пожалуйста. Хочу получить 5 за полугодие и спокойно готовиться к ЕГЭ

Вопрос № 4
Между каким тэгом заключается документ HTML?

1)
2)
3)
4)
Вопрос № 5
Заголовок документа заключается в тэге…

Вопрос № 6
Тело документа заключается в тэге…

Вопрос № 7
Какой из тэгов является непарным?

Вопрос № 8
Тэг форматирования шрифта…

Вопрос № 13
Какое расширение имеют Web-страницы?

Вопрос № 14
Разметку Web-страницы набранного текста на языке HTML можно просмотреть в программе…

1)Outlook Express
2)Блокнот
3)Microsoft Word
4)Internet Explorer

Вопрос № 15
Из какого количества шестнадцатеричных символов кодируется цвет в HTML?

1)двух
2)шести
3)шестнадцати
4)восьми

Дополнен 3 года назад

Вопрос № 9
Для перехода текста на новую строку используется тэг…

Вопрос № 10
Синтаксис установки цвета шрифта для части текста…

Вопрос № 11
Синтаксис цвета…

1) «#cccccc»
2)»cccccc»
3)#=cccccc
4)cccccc

Вопрос № 12
Выберите тэг, в котором установлен цвет фона

Дополнен 3 года назад

По странной причине майл не хочет публиковать все вопросы даже в дополнении, так что ответьте пожалуйста на те, что были заданы

Голосование за лучший ответ

1 — правильный ответ номер 2, но чисто технически, html также является и языком программирования
2 — 2
3 — 3
11 — 1
13 — 3
14 — 2
15 — 2

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

Что означает html выберите правильные ответы

Ответ. Язык HTML был разработан британским учёным Тимом Бернерсом-Ли (Tim Berners-Lee) в 1991–1992 гг., в то время, когда он работал в ЦЕРН (CERN) — Европейский совет по ядерным исследованиям в Женеве (Швейцария).

Ответ. Логическая разметка указывает границы частей документа и их соподчинение, но не задаёт представления элементов на устройстве вывода (например, их вид в окне браузера).

Ответ. Задача представления элементов на устройствах вывода возлагалась на браузеры.

Ответ. В силу того, что HTML изначально проектировался как язык логической (структурной) разметки, в нём не было явных указаний на способы представления элементов на устройствах вывода. Именно это свойство HTML делало гипертекстовые документы независимыми от типа компьютера, операционной системы и устройств вывода. Например, элемент EM на текстовый монитор мог выводиться с обрамлением знаками подчёркивания (это _выделение_), на графический монитор — курсивом (это выделение ), на голосовое устройство — повышенной интонацией.

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

Так появился элемент FONT для задания гарнитуры шрифта и кегля. Но если у разработчика на компьютере установлен безумно красивый, но редкий шрифт, это совсем не означает, что такой же шрифт есть на компьютере у читателя сайта. Кроме того, шрифт разработчика может содержать русские буквы, а шрифт с таким же названием у пользователя — нет. В итоге читатель сайта будет увидит “кракобяки” в окне своего браузера.

Ответ. Загрузка “тяжёлых” страниц с Web-сервера в окно браузера вынимает деньги из кошелька пользователя и заставляет его нервничать у пустого экрана.

Якоб Нильсен в своей замечательной книге Веб-дизайн (издательство Символ, Санкт-Петербург, 2000) пишет, что на сайте www.provenedge.com ограничение размера страницы сначала было 40 килобайт. При этом, число пользователей не дождавшихся загрузки, составляло 25-30%. Когда объем графики был уменьшен, число нетерпеливых понизилось до 7-10%.

Видите, как просто увеличить приток посетителей на сайт — нужно писать маленькие страницы!

В настоящее время скорость работы сети возросла (аналоговые модемы практически вымирают), а стоимость Интернета стала меньше.

По моим наблюдениям критическим размером сейчас является граница в 50 Кбайт. Если страница весит больше, нужно принимать меры.

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

При этом нужно помнить и о том, что пользователь может зайти на сайт не через парадный вход.

Ответ. Можно назвать три причины, по которым использование визуальных тегов желательно сводить к минимуму.

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

Ответ. Нужно вручную править описания всех тегов во всех файлах.

Ответ. Описанием стандартов HTML, начиная с версии 2.0 (1994 год), стала заниматься международная организация (от англ. World Wide Web Consortium — Консорциум Всемирной паутины).

Ответ. В 1995 году W3C ввёл в HTML версии 3.0 поддержку иерархических стилевых спецификаций (от англ. Cascading Style Sheets — каскадные таблицы стилей).

Ответ. Средства CSS стал поддерживать HTML 3.0 с 1995 года.

Ответ. Стандарт HTML 4.01 был опубликован W3C в 1999 году.

Ответ. XHTML — это одно из приложений (или как говорят, словарей) языка XML. XHTML — это попытка обеспечить описания данных с помощью выразительных средств сложного XML, сохранив при этом простоту HTML и набор его предопределённых элементов.

Ответ. (от англ. — расширяемый язык разметки) — рекомендованный W3C язык разметки, представляющий собой свод общих правил, нацеленных на создание описаний данных.

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

Данные на языке XML описываются при помощи тегов. Теги не являются предопределёнными, они придумываются XML-пользователем. То есть, фактически, разработчик гипертекстовых страниц сам создаёт удобный для себя язык разметки.

Описание представления элементов на устройстве вывода задаётся при помощи языка CSS или специального стилевого языка XLS (от англ. — расширяемый язык стилевых спецификаций).

XLS сложнее CSS, но гораздо мощнее его — стилевые указания можно не только описывать свойствами из фиксированного набора, но и произвольно программировать.

При использовании XML можно легко достичь полной изоляции структурной разметки документа от его визуального представления.

Ответ. Главная задача — вынести визуальные указания в отдельный стилевой файл, оставив в HTML-коде только структурную разметку. Кроме того, набор свойств CSS богаче набора атрибутов тегов, в силу чего с помощью CSS можно решать задачи дизайна, которые трудно или невозможно решить на “чистом” HTML.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *