Тестування HTML та CSS:

<header>

<h>

<h1>

<heading>

створити абзац

створити параграф

створити посилання

додати картинку

<img src="image.jpg" alt="My Image">

<picture src="image.jpg" alt="My Image">

<image source="image.jpg" text="My Image">

<img alt="My Image">image.jpg</img>

створення абзацу

створення лінії

створення не впорядкованого списку

створення впорядкованого списку

<table><row><column></column></row></table>

<tr><td></td></tr>

<table><tr><td></td></tr></table>

<row><column></column></row>

background-color

color-background

bg-color

color

margin: 10px;

spacing: 10px;

padding: 10px;

border: 10px;

визначає товщину шрифту

змінює колір шрифту

визначає стиль шрифту

встановлює розташування тексту

shape: circle;

border-shape: circle;

border-radius: 50%;

circle: true;

horizontal-align: center;

align: center;

text-center: true;

text-align: center;

shadow: 2px 2px 5px #888888;

box-shadow: 2px 2px 5px #888888;

text-shadow: 2px 2px 5px #888888;

block-shadow: 2px 2px 5px #888888;

змінює колір тексту

встановлює відступи тексту

змінює ширину блоку

визначає порядок відображення елементів

block-width: 100px;

width: 100px;

size: 100px;

box-width: 100px;

встановлює стиль блоку

змінює ширину блоку

визначає тип блоку

встановлює блоки в гнучкому контейнері

grid-columns: 3;

columns: 3;

grid-template-columns: 1fr 1fr 1fr;

grid: 3;

background-image: url('image.jpg');

image: background('image.jpg');

image-background: url('image.jpg');

image: url('image.jpg');

<paragraph>

<p>

<a>

<section>

font-family: 'Arial', sans-serif;

text-font: 'Arial', sans-serif;

typeface: 'Arial', sans-serif;

font-type: 'Arial', sans-serif;

border: 1px solid #000;

frame-style: solid 1px #000;

outline: 1px solid #000;

border-style: 1px solid #000;

transparency: 0.5;

opacity: 0.5;

transparent: 0.5;

visible: 0.5;

spacing: letters 2px;

text-spacing: 2px;

letter-spacing: 2px;

char-spacing: 2px;

Визначає відстань між елементами

Робить елемент невидимим

Встановлює відносний розташування відносно попереднього елемента

Видалити вміст поза контейнером

Визначає колір тексту

Об'єднує комірки в горизонтальному напрямку

Змінює розмір шрифту

Забороняє виводити рамку навколо комірки

corner-radius: 10px;

border-corner: 10px;

rounded-corners: 10px;

border-radius: 10px;

Визначає відстань між буквами

Визначає відстань між словами

Визначає відстань між рядками

Змінює ширину текстового блоку

.txt или .doc

.html или .htm

.doc

.php или .asp

<line>

<hr>

<divider>

<line-break>

<comment>This is a comment</comment>

/* This is a comment */

// This is a comment

<!-- This is a comment -->

size: 16px;

font-size: 16px;

text-size: 16px;

text-font: 16px;

<h1>

<h2>

<h3>

<h4>

Виділяє текст жирним шрифтом

Виділяє текст підкресленням

Позначає важливий текст

Виділяє текст курсивом

Визначає ненумерований список

Визначає посилання

Визначає нумерований список

Визначає картинку

Робить текст жирним

Додає підкреслення до тексту

Додає тінь до тексту

Робить текст курсивним

grid-gap-space: 10px;

gap: 10px;

grid-space: 10px;

space-between: 10px;

column-width: 100px;

grid-column-width: 100px;

grid-template-columns: 1fr 100px;

column-size: 100px;

Визначає назви областей у Grid

Визначає шаблон розташування елементів у Grid за допомогою іменованих областей

Визначає стилізацію областей у Grid

flex-justify

flex-flow

flex-align

flex-direction

align-items: center;

align-content: center;

justify-content: center;

justify-items: center;

justify-content: center;

align-items: center;

align-content: center;

justify-items: center;

flex-direction: reverse;

order: 2;

flex-order: 2;

flex-flow: reverse;