Что такое HTML?
HTML расшифровывается как язык гипертекстовой разметки . _ _
HTML — это стандартный язык разметки для веб-страниц .
HTML - элементы — это строительные блоки HTML-страниц.
Элементы HTML представлены тегами <>
HTML-элементы
HTML-элемент — это начальный и конечный теги с содержимым между ними:
<h1>Это заголовок</h1>
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | This is a Heading | </h1> |
| <p> | This is paragraph. | </p> |
HTML-атрибуты
- Элементы HTML могут иметь атрибуты
- Атрибуты предоставляют дополнительную информацию об элементе
- Атрибуты представлены парами имя/значение, например charset="utf-8"
Простой HTML-документ
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Page Title</title>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is
another paragraph.</p>
</body>
</html>
Объяснение примера
HTML-элементы являются строительными блоками HTML-страниц.
- Декларация
<!DOCTYPE html>определяет этот документ как HTML5 . - Элемент
<html>является корневым элементом HTML-страницы. - Атрибут
langопределяет язык документа - Элемент
<meta>содержит метаинформацию о документе - Атрибут
charsetопределяет набор символов, используемый в документе. - Элемент
<title>определяет заголовок документа - Элемент
<body>содержит видимое содержимое страницы - Элемент
<h1>определяет большой заголовок - Элемент
<p>определяет абзац
HTML-документы
Все HTML-документы должны начинаться с объявления типа документа: <!DOCTYPE html>.
Сам HTML-документ начинается <html>и заканчивается на </html>.
Видимая часть документа HTML находится между <body>и </body>.
Структура HTML-документа
Ниже представлена визуализация HTML-документа (страницы HTML):
Примечание. В браузере отображается только содержимое раздела <body> (белая область выше).
HTML-заголовки
Заголовки HTML определяются с помощью тегов <h1>to .<h6>
<h1>определяет самый важный заголовок. <h6>определяет наименее важный заголовок:
Пример
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
HTML-абзацы
Абзацы HTML определяются <p>тегами:
Пример
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML-ссылки
HTML-ссылки определяются с помощью <a>тегов:
Пример
<a href="https://www.w3schools.com">This is a link</a>
Назначение ссылки указано в hrefатрибуте.
HTML-изображения
HTML-изображения определяются с помощью <img>тегов.
Исходный файл ( src), альтернативный текст ( alt),
widthи heightпредоставляются в качестве атрибутов:
Пример
<img src="img_w3schools.jpg" alt="W3Schools" style="width:120px;height:150px"
HTML-кнопки
Кнопки HTML определяются с помощью <button>тегов:
Пример
<button>Click me</button>
HTML-списки
Списки HTML определяются с помощью тегов <ul>(неупорядоченный/маркированный список) или
<ol>(упорядоченный/нумерованный список), за которыми следуют <li>
теги (элементы списка):
Пример
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
HTML-таблицы
Таблица HTML определяется <table>тегом.
Строки таблицы определяются с помощью <tr>тегов.
Заголовки таблиц определяются с помощью <th>тегов. (по умолчанию жирным шрифтом и по центру).
Ячейки таблицы (данные) определяются <td>тегами.
Пример
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Программирование HTML
Каждый элемент HTML может иметь атрибуты .
Для веб-разработки и программирования наиболее важными атрибутами являются идентификатор и класс. Эти атрибуты часто используются для обработки программных манипуляций с веб-страницами.
| Атрибут | Пример |
|---|---|
| я бы | < идентификатор таблицы = "table01" |
| класс | <p класс = "нормальный"> |
| стиль | <p стиль ="размер шрифта:16px"> |
| данные- | <div данные -id="500"> |
| по щелчку | <input onclick ="myFunction()"> |
| при наведении мыши | <a onmouseover ="this.setAttribute('стиль','цвет:красный')"> |
Полное руководство по HTML
Это было краткое описание HTML.
Полное руководство по HTML можно найти в разделе W3Schools HTML Tutorial .
Полный справочник по тегам HTML см. в справочнике по тегам W3Schools .