HTML

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

HTML был создан Консорциумом Всемирной паутины (W3C). Существует несколько версий HTML. По состоянию на сентябрь 2018 года текущий стандарт HTML называется HTML 5 и имеет версию 5.2.

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

Некоторые теги работают только в определенных браузерах. Например, тег <menuitem>, который используется для того, чтобы что-то появлялось, когда человек нажимает правую кнопку мыши, работает только в браузере Mozilla Firefox. Другие браузеры просто игнорируют этот тег и отображают надпись нормально. Многие создатели веб-страниц избегают использования этих "нестандартных" тегов, потому что хотят, чтобы их страницы выглядели одинаково во всех браузерах.

Пример

Вот пример страницы в формате HTML.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Это заголовок страницы. </title> 5 </head> 6 < body> 7 < p> Это абзац. </p> 8 < a href="https://www.domain.com"> Это ссылка. </a> 9 < img src="image.jpg" alt="Изображение"> 10 </body> 11 </html>

Простая HTML-страница будет выглядеть так: один абзац с надписью "Hello world! ", написанный на нем.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Привет! </title> 5 </head> 6 < body> 7 < p> Hello world! </p> 8 </body> 9 </html>

Основные теги HTML

Название тега	Имя	Функция	Пример кода
`<!DOCTYPE>`	Doctype	Определяет тип документа	<!DOCTYPE html>
`<html>`	HTML	Определяет HTML-документ и запускает HTML-документ.	< html> Весь код</html>
`<head>`	Глава	Содержит любой код, который не используется для отображения элементов на веб-странице	< head></head>
`<title>`	Название	Определяет заголовок веб-страницы (отображается на вкладке) и вводится в `<head>.`	<заголовок> Веб-страница</title
`<body>`	Тело	Содержит видимые элементы веб-страницы (и содержит абзац и многое другое)	< body> Html-теги</body>
`от <h1>` до `<h6>`	Рубрики	Заголовки различных размеров `(<h1>` - самый большой)	< h1> Заголовок</h1>
<p>	Параграф	Определяет абзац текста	< p> ТЕКСТ</p>
	Якорь	Создает активные ссылки на другие веб-страницы	< a href="www.domain.com"> Посетите наш сайт</a>
`<img>`	Изображение	Отображение изображения на странице	< img src="ImageUrl" alt="Текст, отображаемый при отсутствии изображения">
`<br>`	Перерыв	Вставляет один перенос строки	Текст < br> Текст
`<center>`	Центр	Перемещение содержимого в центр страницы	< center> Код</center>
`<script>`	Скрипт	Создает сценарий на веб-странице, обычно написанный на JavaScript	< script> document. write("Hello World!")</script>

Использование HTML-тегов

Создание веб-страницы

Создать веб-страницу очень просто. Все, что вам нужно запомнить, это теги и порядок создания веб-страницы.

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

Вот еще один пример страницы с тегами HTML.

<html>

<head>

<title>Здравствуйте! <title>

<h1> Hello world! </h1>

</head>

<body>

<p>

Это страница с тегами HTML.

</p>

По: *Вставьте имя здесь*

</footer>

</html>

Как только вы закончите, сохраните в этом формате: helloworld.htm

(не ставьте пробелы)

И готово! Как только вы сохраните его в компьютере, если вы нажмете на него, он отправит вас на вашу веб-страницу в google!

Вопросы и ответы

В: Что такое HTML?

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

В: Какова функция HTML?

О: Функция HTML заключается в том, чтобы указать веб-браузерам, как должны выглядеть веб-страницы, и добавить мета-информацию, например, имя создателя веб-страницы.

В: Каковы некоторые примеры мультимедиа, которые могут быть включены в веб-страницы, созданные с помощью HTML?

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

В: Как CSS дополняет HTML?

О: CSS используется для изменения внешнего вида HTML-страниц.

В: Какова роль JavaScript в веб-разработке?

О: JavaScript - это важный язык сценариев в веб-разработке, поскольку он указывает веб-сайтам, как себя вести, и может изменять внешний вид HTML и CSS.

В: Кто отвечает за создание HTML?

О: HTML создан Консорциумом Всемирной паутины (W3C).

В: Какова текущая стандартная версия HTML?

О: По состоянию на сентябрь 2018 года HTML 5 является последней стандартной версией HTML в версии 5.2.