Слайд 2
![Повторимо теги, які ми розглядали на попередньому занятті](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285549/slide-1.jpg)
![]()
Повторимо теги, які ми розглядали
на попередньому занятті
Слайд 3
![https://trinket.io](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285549/slide-2.jpg)
Слайд 4
![Розглянемо новий тег – список Нумерований список Не нумерований список Список буває двох видів:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285549/slide-3.jpg)
Розглянемо новий тег – список
Нумерований список
Не нумерований
список
Список буває двох видів:
Слайд 5
![Створимо два списки на web сторінці: 1 - предмети, які](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285549/slide-4.jpg)
Створимо два списки на web сторінці:
1 - предмети, які мені
подобаються
2 - предмети, які мені не подобаються
Слайд 6
![Розглянемо новий тег – кнопка Для створення кнопки використовуємо тег Назва кнопки](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285549/slide-5.jpg)
Розглянемо новий тег – кнопка
Для створення кнопки використовуємо тег
Слайд 7
![Таблиці стилів CSS Стилі CSS записуємо так селектор { властивість:](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285549/slide-6.jpg)
Таблиці стилів CSS
Стилі CSS записуємо так
селектор {
властивість: значення;
}
p {
color:
red;
font-size: 21px;
}
Слайд 8
![Підключаємо до нашої сторінки таблиці стилів CSS 1. Створюємо новий](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/285549/slide-7.jpg)
Підключаємо до нашої сторінки
таблиці стилів CSS
1. Створюємо новий файл з
назвою
style.css
2. Підключаємо файл до нашої HTML сторінки за допомогою тегу