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 .