Веб-сторінки. Анімація на Веб сторінках. СSS.

<TABLE>...</TABLE>

 <TR>...</TR>

<CAPTION>...</CAPTION>

<body>...</body>

border

background

align

color

ім'я тегу, призначеного для вставляння зображення

 атрибут, в якому вказується ім'я файла з малюнком

ім'я тегу, призначеного для вставляння таблиці

атрибут, в якому вказується ім'я файла з таблицею

<src img =''my.jpg''>

<img my.jpg =''src''>

<img src=''my.jpg''>

<src=''my.jpg''img>

<main>

<href>

<nav>

<a>

поділу сторінки на частини для відображення в них різних HTML-доку ментів;

позначення заголовка для вікна відображення веб-сторінки;

настроювання висоти та ширини фрейму.

позначення того, який саме HTML-документ слід вмістити в поточний фрейм;

позначення назви фрейму;

<hrefa =''index.html''>Головна сторінка</a>

<a href=''index.html''>Головна сторінка</a>

<aГоловна сторінка>href=''index.html''</a>

<a href=''Головна сторінка''>index.html</a>

Cascading Style Sheets

Colorful Style Sheets

Creative Style Sheets

Computer Style Sheets

< body >

 < script >

< head >

 В кінці документа

{div;color:black;}

{div:color=black;}

div:color=black;

div {color: black;}

100% означає початок анімації, а 0% її кінець. Оскільки ці значення дуже важливі, для них придумали особливі слова: from і to.

Властивість "animation-timing-function " задає час анімації

При створення CSS-анімацій за допомогою властивості "animation-name" пов'язують об'єкт, для якого застосовуються анімація і опис ключових кадрів для нього.

p { animation-duration: 3s; animation-name: slidein; } 

@keyframes slidein {

 from {

 margin-left: 100%;}

 to {

 margin-left: 0%;

 } 

animation-direction: reverse;

p {

animation-duration: 3s;

animation-name: slidein;

animation-iteration-count: infinite;

animation-direction: alternate;

}