Інформатика, висвітлено 04.04.2023
html #3
Практична робота
1. Перейдіть до сервісу CodePen та зареєструйтесь/авторизуйтесь на ньому: http://bit.ly/3yUUful
2. Виберіть пункт меню Pen, введіть назву html-проєкту UA
3. Розмістіть вікна для зручної роботи (Change View) та максимально зменшіть вікно JS
4. Створіть веб-сторінку за зразком (див. зразок), скористайтесь css-довідником (css-directory): https://css.in.ua/ та презентацією з теоретичним матеріалом: http://bit.ly/3TxsbXq
5. HTML-файл:
* 1 рядок: текст - i, абзац
* 2 рядок: текст - we, абзац
* 3 рядок: текст - they, абзац
* 4 рядок: символи та текст - & # 1 2 8 1 5 3 ; & # 1 2 8 1 5 5 ; (введіть без пропусків) Ukraine & # 1 2 8 1 5 3 ; & # 1 2 8 1 5 5 ;
6. CSS-файл:
* колір фону веб-сторінки: чорний
* тип шрифту: Impact
* 1 рядок: колір тексту - жовтий, вирівнювання - по центру веб-сторінки, розмір тексту - 80px, усі великі букви
* 2 рядок: колір тексту - жовтий, вирівнювання - по центру веб-сторінки, розмір тексту - 80px, усі великі букви
* 3 рядок: колір тексту - жовтий, вирівнювання - по центру веб-сторінки, розмір тексту - 80px, усі великі букви
* 4 рядок: колір тексту - #0078D7, вирівнювання - по центру веб-сторінки, розмір тексту - 100px, підкреслений, усі великі букви, символи у форматі верхнього індексу
7. Збрежіть (Save) та експортуйте (Export) html-проєкт у власну папку
8. Надішліть zip архів html-проєкту через платформу Human