Последние учебники веб-разработки
×

HTML5 Руководство

HTML ГЛАВНАЯ HTML Введение HTML редакторы HTML базовый HTML элементы HTML Атрибуты HTML Заголовки HTML Пункты HTML Стили HTML форматирование HTML цитаты HTML Компьютерный код HTML Комментарии HTML Цвета HTML CSS HTML связи HTML Изображений HTML таблицы HTML Списки HTML Блок и строковые элементы HTML Классы HTML раскладка HTML отзывчивый HTML Iframes HTML JavaScript HTML Глава HTML юридические лица HTML Символы HTML Charset HTML URL шифровать HTML XHTML

HTML формы

HTML формы HTML Форма Элементы HTML Типы входных данных HTML Входные атрибуты

HTML5

HTML5 вступление HTML5 Поддержка HTML5 элементы HTML5 Семантика Миграция HTML5 HTML5 Гид по стилю

HTML Графика

HTML холст HTML SVG

HTML СМИ

HTML СМИ HTML видео HTML аудио HTML Плагины HTML YouTube

HTML APIs

HTML Geolocation HTML Перетаскивания HTML Локальное хранилище HTML App кэш HTML Web Workers HTML SSE

HTML Примеры

HTML Примеры HTML викторина HTML5 викторина HTML Резюме

HTML Рекомендации

HTML Список тегов HTML Атрибуты HTML События HTML холст HTML Аудио Видео HTML DOCTYPEs HTML Цвета HTML Наборы символов HTML URL шифровать HTML Языковые коды HTTP Сообщения HTTP методы PX to EM конвертер Горячие клавиши

HTML Введение


Что такое HTML?

HTML это язык разметки для описания веб - документов (web pages) - (web pages) .

  • HTML расшифровывается язык гипертекстовой разметки
  • Язык разметки представляет собой набор markup tags
  • HTML документы описываются HTML tags
  • Каждый HTML тег describes различное содержимое документа

HTML Пример

Небольшой HTML документ:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Попробуй сам "

Пример Разъяснения

  • DOCTYPE декларация определяет тип документа , который будет HTML
  • Текст между <html> и </html> описывает HTML документ
  • Текст между <head> и </head> содержит информацию о документе
  • Текст между <title> и </title> предоставляет название для документа
  • Текст между <body> и </body> описывает видимое содержимое страницы
  • Текст между <h1> и </h1> описывает заголовок
  • Текст между <p> и </p> описывает пункт

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


HTML теги

HTML - теги ключевые слова (tag names) , окруженными angle brackets :

<tagname>content</tagname>
  • HTML - теги обычно приходят in pairs , как <p> и </p>
  • Первый тег в паре является start tag, второй тег является end tag
  • Конечный тег записывается как начальный тег, но с косой чертой перед именем тега

Открывающий тег часто называют opening tag . Конечный тег часто называют closing tag .


веб-браузеры

Цель веб - браузера (Chrome, IE, Firefox, Safari) , чтобы прочитать HTML документы и отображать их.

Браузер не отображает HTML тегов, но использует их, чтобы определить, как отображать документ:

Просмотр в браузере


Структура HTML страницы

Ниже визуализация структуры HTML-страницы:

<html>
<head>
<title> Заголовок страницы </title>
</head>
<body>
<h1> Это заголовок </h1>
<p> Это абзац. </p>
<p> Это еще один параграф. </p>
</body>
</html>

Только <body> область (the white area) отображается в браузере.


<!DOCTYPE> Декларация

<!DOCTYPE> декларация помогает браузеру правильно отображать веб - страницу.

Существуют различные типы документов в Интернете.

Для корректного отображения документа, браузер должен знать, как тип и версию.

Декларация DOCTYPE не чувствителен к регистру. Все случаи являются приемлемыми:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Общие Объявления

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Все учебники и примеры в w3ii использовать HTML5.


HTML версия

С первых дней в Интернете, было много версий HTML:

Версия Год
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014