Учебники

HTML

Ноябрь 5, 2018

HTML расшифровывается как Hyper Text Markup Language. Это язык форматирования, используемый для определения внешнего вида и содержимого веб-страницы. Это позволяет нам организовать текст, графику, аудио и видео на веб-странице.

Ключевые моменты:

  • Гипертекст слова относится к тексту, который действует как ссылка.

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

  • Слово Язык относится к синтаксису, который похож на любой другой язык.

Гипертекст слова относится к тексту, который действует как ссылка.

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

Слово Язык относится к синтаксису, который похож на любой другой язык.

HTML был создан Тимом Бернерсом-Ли в ЦЕРН.

Версии HTML

В следующей таблице показаны различные версии HTML:

Версия Год
HTML 1.0 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.0 1999
XHTML 2000
HTML5 2012

HTML-теги

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

Ключевые моменты:

  • Метки обозначены парой угловых скобок.

  • Они начинаются с символа меньше (<) и заканчиваются символом больше (>).

  • Имя тега указывается в угловых скобках.

  • Большинство тегов обычно встречаются в паре: начальный тег и закрывающий тег.

  • Начальный тег — это просто имя тега, заключенное в угловую скобку, тогда как закрывающий тег указывается с косой чертой (/).

  • Некоторые теги являются пустыми, то есть у них нет закрывающего тега.

  • Теги не чувствительны к регистру.

  • Имя начального и конечного тега должно быть одинаковым. Например, <b> привет </ i> недопустим, так как оба они разные.

  • Если вы не укажете угловые скобки (<>) для тега, браузер будет воспринимать имя тега как простой текст.

  • Тег также может иметь атрибуты для предоставления дополнительной информации о теге браузеру.

Метки обозначены парой угловых скобок.

Они начинаются с символа меньше (<) и заканчиваются символом больше (>).

Имя тега указывается в угловых скобках.

Большинство тегов обычно встречаются в паре: начальный тег и закрывающий тег.

Начальный тег — это просто имя тега, заключенное в угловую скобку, тогда как закрывающий тег указывается с косой чертой (/).

Некоторые теги являются пустыми, то есть у них нет закрывающего тега.

Теги не чувствительны к регистру.

Имя начального и конечного тега должно быть одинаковым. Например, <b> привет </ i> недопустим, так как оба они разные.

Если вы не укажете угловые скобки (<>) для тега, браузер будет воспринимать имя тега как простой текст.

Тег также может иметь атрибуты для предоставления дополнительной информации о теге браузеру.

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

В следующей таблице показаны теги Basic HTML, которые определяют основную веб-страницу:

Тег Описание
<html> </ html> Определяет документ как веб-страницу.
<head> </ head> Определяет описательную информацию о веб-документах.
<title> </ title> Определяет заголовок веб-страницы.
<body> </ body> Определяет тело веб-документа.

Следующий код показывает, как использовать основные теги. 

<html>
   <head> Heading goes here…</head>
   <title> Title goes here…</title>
   <body> Body goes here…</body>
</html>

Форматирование тегов

В следующей таблице приведены теги HTML, используемые для форматирования текста:

Тег Описание
<b> </ b> Указывает текст как жирный. Например. это жирный текст
<em> </ em> Это текст фразы. Указывает выделенный текст. Например. Подчеркнутый текст
<strong> </ strong> Это фраза Это указывает на важный текст. Например. это сильный текст
<I> </ I> Содержимое курсивного тега отображается курсивом. Например. Курсив
<sub> </ sub> Определяет подписанный текст. Например. X 1
<sup> </ sup> Определяет надстрочный текст. Например. X 2
<ins> </ ins> Определяет вставленный текст. Например. Цена ручки сейчас 20 15 ,
<del> </ del> Определяет удаленный текст. Например. Цена ручки сейчас 20 15 ,
<mark> </ mark> Определяет помеченный текст. Например. это дождь

Теги таблицы

В следующей таблице описываются обычно используемые теги таблицы:

Тег Описание
<таблица> </ таблица> Определяет таблицу.
<tr> </ tr> Определяет строку в таблице.
<th> </ th> Определяет ячейку заголовка в таблице.
<td> </ td> Определяет данные в ячейке таблицы.
<caption> </ caption> Определяет заголовок таблицы.
<colgroup> </ colgroup> Определяет группу столбцов в таблице для форматирования.

Теги списка

В следующей таблице описываются обычно используемые теги списка:

Тег Описание
<ul> </ ul> Определяет неупорядоченный список.
<ol> </ ol> Определяет упорядоченный список.
<li> </ li> Определяет элемент списка.
<dl> </ dl> Определяет список описания.
<dt> </ dt> Определяет термин в списке описания.
<dd> </ dd> Определяет описание термина в списке описания.

Рамки

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

Набор фреймов во всем браузере известен как frameset. Он говорит браузеру, как разделить окно браузера на фреймы и веб-страницы, которые каждый должен загрузить.

В следующей таблице описаны различные теги, используемые для создания фреймов:

Тег Описание
<frameset> </ frameset> Это замена тега <body>. Он не содержит тегов, которые обычно используются в элементе <body>; вместо этого он содержит элемент <frame>, используемый для добавления каждого кадра.
<frame> </ frame> Определяет содержание различных фреймов на веб-странице.
<base> </ base> Он используется для установки целевого фрейма по умолчанию на любой странице, которая содержит ссылки, содержимое которых отображается в другом фрейме.

формы

Формы используются для ввода значений. Эти значения отправляются на сервер для обработки. В формах используются элементы ввода, такие как текстовые поля, флажки, переключатели, списки, кнопки отправки и т. Д., Для ввода данных в него.

В следующей таблице описаны наиболее часто используемые теги при создании формы:

60
Share: