Skill Base

HTML теги


Базовые 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 Указывает, как элементы обтекают плавающие элементы.





23.11.2024