Examples, ready-made solutions with the Practice-EPS editor

List of files:


Example files
File The name of the example Category Description
1. attribute_selectors.htmlСелектори атрибутівHTML, CSS, Attribute selectorsДемонстрація застосування селекторів атрибутів.
2. backup.htmlКнопка вгору на HTML та CSSHTML, CSS, Header, back2TopКод на HTML та CSS, за допомогою якого створюється кнопка вгору.
3. blockquote.htmlblockquote - елемент цитати.HTML, CSS, blockquoteКод, за допомогою якого створимо цитату за допомогою HTML тегу blockquote
4. cssMarhinAuto.htmlБлок по центруHTML, CSS, margin, Pactice editor Приклад вирівнювання блоку по центру.
5. cssTextAlign.htmlТекст по центруHTML, CSS, Align CenterПриклад вирівнювання тексту по центру
6. displayFlexSimple.htmlDisplay Flex - простий прикладHTML, CSS, Display FlexДуже простий приклад, який умовно ми назвемо «Цитати пліч-о-пліч.»
7. fontawesome.htmlFont Awesome.HTML, CSS, Font Awesome.Код, за допомогою якого ми можемо додавати іконки з набору Font Awesome.
8. gallery_part1.htmlПростий приклад галереї на семантичних тегах – частина 1.HTML, CSS, ГалереяКод, за допомогою якого створимо приклад галереї на семантичних тегах – частина 1.
9. gallery_part2.htmlПростий приклад галереї на семантичних тегах – частина 2.HTML, CSS, Grid, img, ГалереяКод, за допомогою якого створимо приклад галереї на семантичних тегах – частина 2. При наведенні курсору зображення збільшується, а інші зменшуються.
10. header.htmlСемантична шапка сайту header з логотипом зліва на одній лінії з назвою.HTML, CSS, HeaderКод, за допомогою якого створимо шапку сайту за допомогою семантичного тегу header з логотипом, розміщеним зліва на одній лінії з назвою сайту.
11. nav&fontawesome.htmlНавігація з іконками fontawesome.HTML, CSS, nav, fontawesomeПриклад навігації з іконками fontawesome зліва поряд з посиланням.
12. semantad.htmlСемантично - адаптивна розмітка веб-сторінкиHTML, CSS, Display FlexПриклад, семантичної, адаптивної розмітки веб-сторінки.

Total: 12 files with extension.html on https://eps.practice.net.ua//