Базовые html теги:
Тег | Название | Описание |
---|---|---|
<html> |
HTML | Корневой тег, содержащий всё содержимое веб-страницы. |
<head> |
Head | Секция для метаданных, таких как заголовок страницы, стили, скрипты. |
<title> |
Title | Устанавливает заголовок страницы, который отображается в браузере. |
<body> |
Body | Основная часть документа, в которой размещается видимое содержимое страницы. |
<h1> - <h6> |
Heading | Заголовки разного уровня (от самого крупного <h1> до самого мелкого <h6> ). |
<p> |
Paragraph | Абзац текста. |
<a> |
Anchor | Создаёт гиперссылку. |
<img> |
Image | Вставляет изображение. |
<div> |
Division | Контейнер для группировки элементов. |
<span> |
Span | Инлайн-контейнер для выделения текста или других элементов. |
<ul> |
Unordered List | Неупорядоченный список с маркерами. |
<ol> |
Ordered List | Упорядоченный список с номерами. |
<li> |
List Item | Элемент списка. |
<table> |
Table | Таблица. |
<tr> |
Table Row | Строка таблицы. |
<td> |
Table Data | Ячейка таблицы. |
<th> |
Table Header | Заголовочная ячейка таблицы. |
<form> |
Form | Создаёт форму для отправки данных. |
<input> |
Input | Поле ввода данных. |
<button> |
Button | Кнопка для взаимодействия с пользователем. |
<label> |
Label | Метка для элементов формы. |
<br> |
Line Break | Перенос строки. |
<hr> |
Horizontal Rule | Горизонтальная линия. |
<strong> |
Strong | Указывает на важность текста (жирный шрифт). |
<em> |
Emphasis | Выделяет текст (курсив). |
<script> |
Script | Для вставки или подключения JavaScript. |
<link> |
Link | Подключение внешних ресурсов, например, CSS-файлов. |
<meta> |
Meta | Устанавливает метаданные страницы, такие как кодировка и ключевые слова. |
<style> |
Style | Вставка CSS-стилей. |
<header> |
Header | Заголовочная часть страницы или раздела. |
<footer> |
Footer | Нижний колонтитул страницы или раздела. |
<nav> |
Navigation | Контейнер для навигационных ссылок. |
<section> |
Section | Логический раздел страницы. |
<article> |
Article | Независимый контент, например статья или пост. |
<aside> |
Aside | Сайдбар или боковое содержимое. |
<main> |
Main | Основное содержимое страницы. |
<iframe> |
Inline Frame | Встраивает другую HTML-страницу. |
Так же вот пример некоторых css свойств:
Свойство | Название | Описание |
---|---|---|
color |
Text Color | Задаёт цвет текста. |
background-color |
Background Color | Определяет цвет фона элемента. |
font-size |
Font Size | Устанавливает размер шрифта. |
font-family |
Font Family | Определяет семейство шрифтов для текста. |
font-weight |
Font Weight | Задаёт толщину шрифта (например, normal , bold ). |
text-align |
Text Alignment | Определяет выравнивание текста (например, left , center , right ). |
line-height |
Line Height | Устанавливает высоту строки. |
margin |
Margin | Внешний отступ элемента. |
padding |
Padding | Внутренний отступ элемента. |
border |
Border | Устанавливает рамку вокруг элемента. |
width |
Width | Определяет ширину элемента. |
height |
Height | Определяет высоту элемента. |
max-width |
Maximum Width | Устанавливает максимальную ширину элемента. |
max-height |
Maximum Height | Устанавливает максимальную высоту элемента. |
min-width |
Minimum Width | Устанавливает минимальную ширину элемента. |
min-height |
Minimum Height | Устанавливает минимальную высоту элемента. |
display |
Display | Определяет модель отображения элемента (block , inline , flex , и т. д.). |
position |
Position | Определяет способ позиционирования элемента (static , absolute , relative ). |
top |
Top | Задаёт отступ сверху для позиционированного элемента. |
left |
Left | Задаёт отступ слева для позиционированного элемента. |
right |
Right | Задаёт отступ справа для позиционированного элемента. |
bottom |
Bottom | Задаёт отступ снизу для позиционированного элемента. |
z-index |
Z-Index | Определяет порядок наложения элементов. |
overflow |
Overflow | Указывает, что делать с содержимым, выходящим за границы элемента. |
flex |
Flex | Устанавливает гибкость элемента в flex-контейнере. |
justify-content |
Justify Content | Определяет выравнивание элементов вдоль главной оси в flex-контейнере. |
align-items |
Align Items | Выравнивание элементов вдоль поперечной оси в flex-контейнере. |
grid-template-rows |
Grid Template Rows | Определяет схему строк в grid-контейнере. |
grid-template-columns |
Grid Template Columns | Определяет схему колонок в grid-контейнере. |
gap |
Gap | Устанавливает расстояние между строками и колонками в flex или grid-контейнере. |
cursor |
Cursor | Определяет вид курсора при наведении. |
box-shadow |
Box Shadow | Добавляет тень к элементу. |
text-shadow |
Text Shadow | Добавляет тень к тексту. |
opacity |
Opacity | Устанавливает прозрачность элемента. |
transition |
Transition | Определяет параметры анимации переходов между состояниями. |
transform |
Transform | Применяет 2D или 3D трансформации к элементу (например, rotate , scale ). |
animation |
Animation | Устанавливает анимацию для элемента. |
clip-path |
Clip Path | Определяет область, в пределах которой элемент видим. |
visibility |
Visibility | Определяет, видим ли элемент или нет. |
float |
Float | Позволяет элементу обтекать другие элементы. |
clear |
Clear | Указывает, как элементы обтекают плавающие элементы. |