Інформатика, висвітлено 21.03.2023
html #2
Практична робота
1. Перейдіть до сервісу CodePen та зареєструйтесь/авторизуйтесь на ньому: http://bit.ly/3yUUful
2. Виберіть пункт меню Pen, введіть назву html-проєкту my page
3. Розмістіть вікна для зручної роботи (Change View) та максимально зменшіть вікно JS
4. Створіть веб-сторінку за зразком (див. зразок), скористайтесь css-довідником (css-directory): https://css.in.ua/ та презентацією з теоретичним матеріалом: http://bit.ly/3TxsbXq
5. HTML-файл:
* 1 рядок: текст - Моя веб-сторінка, заголовок h1
* 2 рядок: текст - Web-developer HTML, заголовок h2
* 3 рядок: текст - Прізвище та ім'я, заголовок h3
* 4 рядок: символ - & # 1 2 8 7 3 6 ; (введіть без пропусків), заголовок h2
6. CSS-файл:
* колір фону веб-сторінки: #282923
* 1 рядок: колір тексту - білий, вирівнювання - по центру веб-сторінки, розмір тексту - 30px
* 2 рядок: колір тексту - білий, вирівнювання - по центру веб-сторінки, розмір тексту - 50px
* 3 рядок: колір тексту - білий, вирівнювання - по центру веб-сторінки, розмір тексту - 40px
* 4 рядок: колір тексту - білий, вирівнювання - по центру веб-сторінки, розмір тексту - 100px
7. Збрежіть (Save) та експортуйте (Export) html-проєкт у власну папку
8. Надішліть zip архів html-проєкту через платформу Human