HTML Tutorial / Уроки по HTML: HTML Introduction

Английский оригинал Перевод на русский

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

Пример кода HTML.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

tamika 19.09.13 в 14:56

1

Объяснение примера.
Объявление DOCTYPE определяет тип текущего документа.
Текст между <html> и </html> описывает веб-страницу.
Текст между <body> и </body> является видимым содержимым страницы.
Текст между <h1> и </h1> показывается как заголовок.
Текст между <p> и </p> показывается как параграф.
Текст <!DOCTYPE html> объявляет, что документ написан на языке HTML пятой версии.

tamika 19.09.13 в 15:00

1

Что такое HTML?
HTML -- это аббревиатура от Hyper Text Markup Language (Язык гипертекстовой разметки).
HTML -- это язык разметки.
Язык разметки - это набор тегов разметки.
Теги описываю содержание документа.
Документ HTML содержит теги HTML и обычный текст.
HTML документы также называют веб-страницами.

tamika 19.09.13 в 15:07

2

Теги HTML.
Теги разметки HTML обычно называют HTML тэгами.
HTML теги представляют собой ключевые слова (имена тегов) окруженные угловыми скобками, например <html>.
HTML теги обычно идут парами, например <b> и </b>.
Первый тег в паре -- начальный тег, второй тег -- конечный тег.
Конечный тег пишется так же, как и начальный тег, только перед именем тега ставится слэш.
Начальные и конечные теги также называются открывающими и закрывающими тегами.
<имя тега>содержимое</имя тега>

tamika 19.09.13 в 15:14

1

Элементы HTML.
Зачастую слова "тег HTML" и "элемент HTML" используются для описания одного и того же.
Но строго говоря, элемент HTML -- это все, что находится между открывающим и закрывающим тегами, включая другие теги.
Элемент HTML: <p>Это параграф.</p>

tamika 19.09.13 в 15:21

1

Веб-браузеры.
Целью веб-браузеров (таких как Google Chrome, Internet Explorer, Firefox, Safari) является чтение HTML документов и показ их как веб-страница.
Браузер не показывает HTML-теги, но использует их для определения того, как содержимое HTML-страницы должно быть отражено для пользователя:

Serpus 19.09.13 в 17:26

1

Структура HTML-страницы.
Внизу описывается структура HTML-страницы:

Serpus 19.09.13 в 17:28

1

Версии HTML:
Начиная с самых первых дней существования всемирной паутины, было много версий HTML:

Serpus 19.09.13 в 17:31

1

Описание <!DOCTYPE>
Описание <!DOCTYPE> помогает браузеру правильно отражать веб-страницу.
Есть много различных видов документов в сети и браузер сможет отобразить на 100% правильно веб-страницу, если будет знать тип HTML и её используемую версию.

Serpus 19.09.13 в 17:36

1

Общепринятые описания
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">

Serpus 19.09.13 в 17:38

1

Чтобы получить полный список описаний типов документа, зайдите на нашу ссылку DOCTYPE.

Serpus 19.09.13 в 17:40

1
Минутку...