HTML
Введение
HTML означает Hyper Text Markup Language.Это язык форматирования, используемый для определения внешнего вида и содержимого веб-страницы. Он позволяет нам систематизировать текст, графику, аудио и видео на веб-странице.
Key Points:
Слово гипертекст относится к тексту, который действует как ссылка.
Слово разметка относится к символам, которые используются для определения структуры текста. Символы разметки сообщают браузеру, как отображать текст, и их часто называют тегами.
Слово «язык» относится к синтаксису, аналогичному синтаксису любого другого языка.
HTML был создан Tim Berners-Lee в CERN.
HTML версии
В следующей таблице показаны различные версии HTML:
Версия | Год |
---|---|
HTML 1.0 | 1991 г. |
HTML 2.0 | 1995 г. |
HTML 3.2 | 1997 г. |
HTML 4.0 | 1999 г. |
XHTML | 2000 г. |
HTML5 | 2012 г. |
HTML-теги
Tag это команда, которая сообщает веб-браузеру, как отображать текст, аудио, графику или видео на веб-странице.
Key Points:
Теги обозначены парой угловых скобок.
Они начинаются с символа «меньше» (<) и заканчиваются символом «больше» (>).
Имя тега указывается в угловых скобках.
Большинство тегов обычно встречаются парами: начальный тег и закрывающий тег.
Начальный тег - это просто имя тега, заключенное в угловые скобки, а закрывающий тег указывается с косой чертой (/).
Некоторые теги являются пустыми, т.е. у них нет закрывающего тега.
Теги не чувствительны к регистру.
Имя начального и закрывающего тега должно быть одинаковым. Например, <b> hello </i> недействителен, так как оба они разные.
Если вы не укажете угловые скобки (<>) для тега, браузер будет рассматривать имя тега как простой текст.
Тег также может иметь атрибуты для предоставления браузеру дополнительной информации о теге.
Основные теги
В следующей таблице показаны базовые теги 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> | Задает полужирный текст. Например.this is bold text |
<em> </em> | Это текст фразы. Указывает выделенный текст. Например. Подчеркнутый текст |
<strong> </strong> | Это фразовый тег. В нем указывается важный текст. Например. this is strong text |
<i> </i> | Содержимое курсивного тега отображается курсивом. Например. Курсивный текст |
<sub> </sub> | Задает подписанный текст. Например. Х 1 |
<sup> </sup> | Определяет текст с надстрочным индексом. Например. Х 2 |
<ins> </ins> | Задает вставленный текст. Например. Цена ручки сейчас |
<del> </del> | Задает удаленный текст. Например. Цена ручки сейчас |
<mark> </mark> | Задает отмеченный текст. Например. этодождь |
Теги таблицы
В следующей таблице описаны наиболее часто используемые теги таблиц:
Тег | Описание |
---|---|
<table> </table> | Задает таблицу. |
<tr> </tr> | Задает строку в таблице. |
<th> </th> | Задает ячейку заголовка в таблице. |
<td> </td> | Задает данные в ячейке таблицы. |
<caption> </caption> | Задает заголовок таблицы. |
<colgroup> </colgroup> | Задает группу столбцов в таблице для форматирования. |
Список тегов
В следующей таблице описаны наиболее часто используемые теги списков:
Тег | Описание |
---|---|
<ul> </ul> | Задает неупорядоченный список. |
<ol> </ol> | Задает упорядоченный список. |
<li> </li> | Задает элемент списка. |
<dl> </dl> | Задает список описаний. |
<dt> </dt> | Задает термин в списке описания. |
<dd> </dd> | Задает описание термина в списке описаний. |
Кадры
Framesпомогите нам разделить окно браузера на несколько прямоугольных областей. Каждый регион содержит отдельную веб-страницу html, и каждая из них работает независимо.
Набор фреймов во всем браузере называется набором фреймов. Он сообщает браузеру, как разделить окно браузера на фреймы и веб-страницы, каждая из которых должна загружаться.
В следующей таблице описаны различные теги, используемые для создания фреймов:
Тег | Описание |
---|---|
<frameset> </frameset> | Это замена тега <body>. Он не содержит тегов, которые обычно используются в элементе <body>; вместо этого он содержит элемент <frame>, используемый для добавления каждого кадра. |
<frame> </frame> | Определяет содержимое различных фреймов на веб-странице. |
<base> </base> | Он используется для установки целевого фрейма по умолчанию на любой странице, содержащей ссылки, содержимое которых отображается в другом фрейме. |
Формы
Formsиспользуются для ввода значений. Эти значения отправляются на сервер для обработки. Forms использует элементы ввода, такие как текстовые поля, флажки, переключатели, списки, кнопки отправки и т. Д., Для ввода в них данных.
В следующей таблице описаны наиболее часто используемые теги при создании формы:
Тег | Описание |
---|---|
<form> </form> | Он используется для создания HTML-формы. |
<input> </input> | Задает поле ввода. |
<textarea> </textarea> | Задает элемент управления текстовой областью, позволяющий вводить многострочный текст. |
<label> </label> | Задает метку для элемента ввода. |