HTML учебник
Начало работы с HTML
Поиск…
замечания
HTML ( H yper t ext M arkup L anguage) - это XML- совместимая система аннотирования документов с помощью «тегов». Он используется специально для создания контента для веб-страниц и веб-приложений, которые затем могут передаваться по сети.
Помимо текста, текущая версия HTML поддерживает множество различных типов носителей , включая изображения и видео.
Версии
| Версия | Спецификация | Дата выхода |
|---|---|---|
| 1,0 | N / A | 1994-01-01 |
| 2,0 | RFC 1866 | 1995-11-24 |
| 3,2 | W3C: Спецификация HTML 3.2 | 1997-01-14 |
| 4,0 | Спецификация W3C: HTML 4.0 | 1998-04-24 |
| 4,01 | Спецификация W3C: HTML 4.01 | 1999-12-24 |
| 5 | WHATWG: уровень жизни в формате HTML | 2014-10-28 |
| 5,1 | W3C: Спецификация HTML 5.1 | 2016-11-01 |
Привет, мир
Вступление
HTML ( H yper t ext M arkup L anguage) использует систему разметки, состоящую из элементов, которые представляют собой конкретный контент. Разметка означает, что с HTML вы объявляете то, что представлено зрителю, а не как оно представлено. Визуальные представления определяются каскадными таблицами стилей (CSS) и реализуются браузерами. Все еще существующие элементы, которые допускают такие , например, font , «полностью устарели и не должны использоваться авторами» [1] .
HTML иногда называют языком программирования, но он не имеет логики, так что это язык разметки . HTML-теги предоставляют семантическое значение и удобочитаемость для содержимого на странице.
Элемент обычно состоит из открывающего тега ( <element_name> ), закрывающего тега ( </element_name> ), который содержит имя элемента, окруженное угловыми скобками, и содержимое между: <element_name>...content...</element_name>
Есть некоторые элементы HTML, которые не имеют закрывающего тега или любого содержимого. Они называются недействительными элементами . Элементы Void включают <img> , <meta> , <link> и <input> .
Имена элементов можно рассматривать как описательные ключевые слова для содержащегося в них контента, такие как video , audio , table , footer .
HTML-страница может состоять из потенциально сотен элементов, которые затем считываются веб-браузером, интерпретируются и визуализируются в человеческом читаемом или звуковом виде на экране.
Для этого документа важно отметить разницу между элементами и тегами:
Элементы: video , audio , table , footer
Теги: <video> , <audio> , <table> , <footer> , </html> , </body>
Взгляд элемента
Давайте разложим тег ...
Тег <p> представляет общий абзац.
Элементы обычно имеют открывающий тег и закрывающий тег. Начальный тег содержит имя элемента в угловых скобках ( <p> ). Закрывающий тег идентичен открывающему тегу с добавлением косой черты ( / ) между открывающей скобкой и именем элемента ( </p> ).
Затем содержимое может находиться между этими двумя тегами: <p>This is a simple paragraph.</p> .
Создание простой страницы
В следующем примере HTML создается простая веб-страница «Hello World» .
HTML-файлы могут быть созданы с помощью любого текстового редактора . Файлы должны быть сохранены с расширением .html или .htm [2] , чтобы быть распознанными как файлы HTML.
После создания этот файл можно открыть в любом веб-браузере.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
Простая разбивка страницы
Это теги, используемые в примере:
| Тег | Имея в виду |
|---|---|
<!DOCTYPE> | Определяет версию HTML, используемую в документе. В этом случае это HTML5. Дополнительную информацию см. В разделе « Типы доктринов» . |
<html> | Открывает страницу. Никакая разметка не должна появляться после закрытия тега ( </html> ). Атрибут lang объявляет основной язык страницы с использованием кодов языка ISO ( en для английского). Дополнительную информацию см. В разделе « Язык контента» . |
<head> | Открывает раздел главы, который не отображается в главном окне браузера, но в основном содержит информацию о документе HTML, называемом метаданными . Он также может содержать импорт из внешних таблиц стилей и скриптов. Закрывающий тег </head> . |
<meta> | Предоставляет браузеру некоторые метаданные о документе. Атрибут charset объявляет кодировку символов . Современные HTML-документы должны всегда использовать UTF-8 , хотя это не является обязательным требованием. В HTML <meta> не требует закрывающего тега. Дополнительную информацию см. В разделе « Мета-тема» . |
<title> | Название страницы. Текст, заключенный между этим открытием и закрывающим тегом ( </title> ), будет отображаться на вкладке страницы или в строке заголовка браузера. |
<body> | Открывает часть документа, отображаемого для пользователей, то есть весь видимый или слышимый контент страницы. После закрытия тега </body> содержимое не должно добавляться. |
<h1> | Заголовок уровня 1 для страницы. См. Заголовки для получения дополнительной информации. |
<p> | Представляет общий абзац текста. |
1. ↑ HTML5, 11.2 Несоответствующие функции
2. ↑ .htm наследуется от устаревшего ограничения расширения файла с тремя символами DOS .