HTML (HyperText Markup Language) — это основной язык разметки, используемый для создания веб-страниц. Он состоит из различных тегов, которые определяют структуру и содержание документа. Вот основные теги HTML, которые вам следует знать:
<html></html> | Указывает программе просмотра страниц что это HTML документ. |
<head></head> | Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин. |
<body></body> | Определяет видимую часть документа. |
<title></title> — задает заголовок страницы, который отображается на вкладке браузера.
<b></b> | Создает жирый текст |
<i></i> | Создает наклонный текст |
<tt></tt> | Создает текст - имитирующий стиль печатной машинки. |
<cite></cite> | Используется для цитат, обычно наклонный текст. |
<em></em> | Используется для выделения из текста слова (наклонный или жирный текст) |
<strong></strong> | Используется для выделения наиболее выжных частей текста (наклонный или жирный текст) |
<font size=?></font> | Устанавливает размер текста в пределах от 1 до 7. |
<font color=?></font> | Устанавливает цвет текста, используя значение цвета в виде RRGGBB. |
<body bgcolor=?> | Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет. |
<body text=?> | Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет. |
<body link=?> | Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвет. |
<body vlink=?> | Устанавливает цвет гиперссылок на которых вы уже побывали, используя значение цвета в виде RRGGBB - пример: 333333 - серый цвет. |
<body alink=?> | Устанавливает цвет гиперссылок при нажатии. |
<meta> — используется для определения метаданных, таких как тип кодировки, описание страницы и ключевые слова.
<link> — позволяет подключать внешние ресурсы, например, стили CSS.
<style> — содержит встроенные стили CSS.
<body> — основной контент страницы, который отображается пользователю. Здесь размещаются текст, изображения, видео и другие элементы.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> — заголовки различных уровней, где <h1> является самым важным, а <h6> — наименее важным.
<p> — определяет абзац текста.
. <a> — создаёт гиперссылку, связывая с другими страницами или ресурсами.
<img> — вставляет изображение на страницу.
<ul>, <ol>, <li> — используются для создания неупорядоченных (ул) и упорядоченных (ол) списков.
<div> — общий контейнер для группировки элементов и применения к ним стилей или скриптов.
<span> — используется для выделения небольшого фрагмента текста внутри других элементов, часто с целью применения стилей.
<form> — определяет форму для сбора данных от пользователя.
<input> — создает различные элементы ввода внутри формы (текстовые поля, кнопки, радиокнопки и т.д.).
<button> — определяет кнопку, которая может выполнять определенное действие.
<table>, <tr>, <td>, <th> — используются для создания таблиц. <table> – это контейнер, <tr> – строка таблицы, <td> – ячейка, а <th> – заголовочная ячейка.
<footer> и <header> — компоненты для организации структуры страницы, чем помогают разделить содержимое и сделать его более удобным для восприятия.
Эти теги формируют основу HTML-документа и позволяют создавать структурированные, семантически обоснованные веб-страницы. Каждому тегу назначены свои функции и правила использования, что делает HTML мощным инструментом для веб-разработки.