Таблиці стилів CSS та HTML 5 презентация

Повторимо теги, які ми розглядали на попередньому занятті

Слайд 1Продовжуємо вивчати
Знайомимось з


Слайд 2












Повторимо теги, які ми розглядали
на попередньому занятті



Слайд 3https://trinket.io


Слайд 4Розглянемо новий тег – список
Нумерований список






  • Не нумерований список






    Список буває двох видів:


    Слайд 5Створимо два списки на web сторінці:
    1 - предмети, які мені

    подобаються
    2 - предмети, які мені не подобаються

    Слайд 6Розглянемо новий тег – кнопка
    Для створення кнопки використовуємо тег
    Назва кнопки


    Слайд 7Таблиці стилів CSS
    Стилі CSS записуємо так

    селектор {
    властивість: значення;
    }

    p {

    color: red;
    font-size: 21px;
    }


    Слайд 8Підключаємо до нашої сторінки
    таблиці стилів CSS
    1. Створюємо новий файл з

    назвою
    style.css

    2. Підключаємо файл до нашої HTML сторінки за допомогою тегу




    Слайд 9Напишемо наші перші стилі CSS
    Стиль для всіх

    p {

    background: yellow;
    }

    Стиль для всіх

    a {
    color: red;
    font-size: 18px;
    }

    Слайд 10Додаємо стилі і до інших елементів сторінки


    Обратная связь

    Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

    Email: Нажмите что бы посмотреть 

    Что такое ThePresentation.ru?

    Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


    Для правообладателей

    Яндекс.Метрика