Содержание
- 2. Цель занятия
- 3. HTML Для создания веб-сайтов используются HTML и CSS. Зная эти две технологии, вы уже можете создавать
- 4. Структура HTML-страницы
- 5. Структура HTML-страницы In index.html, change the text that appears between the opening tag and the closing
- 6. Теги заголовков Существует 6 тегов заголовков: h1, h2, h3, h4, h5, h6. h1 - самый большой,
- 7. Тег . Задание Задание: Используйте тег для создания подзаголовка сайта ”Что такое волейбол?” на следующей строчке
- 8. Результат
- 9. Параграф HTML-элемент «параграф» используется для оформления текста в параграфы точно также, как это делается в книгах,
- 10. Тег . Задание Задание: Под тегом давайте добавим html-элемент параграф, содержащий текст описания. Пример параграфа: Волейбол
- 11. Ссылки HTML-элемент «ссылка» используется для создания гипер-ссылок. Ссылка на Google!
- 12. Тег . Задание Задание: 1. Создайте еще один параграф сразу под предыдущим параграфом. 2. Внутри нового
- 13. Тег . Результат
- 14. Атрибут HTML-элемента
- 15. Изображения HTML-элемент «картинка» используется для создания картинок на веб-страничке.
- 16. Тег . Задание Задание: Под первым параграфом добавьте элемент . 2. Скачайте какую-нибудь картинку с Интернета
- 17. Тег . Результат
- 18. Видео HTML-элемент «видео» используется для создания картинок на веб-страничке.
- 19. Тег . Задание Задание: 1. Удалите тег изображения. 2.Добавьте тег видео:
- 20. Список 1-й элемент списка 2-й элемент списка 3-й элемент списка …
- 21. Список. Задание Задание: 1. Добавьте заголовок для меню с помощью тега , который расположите после главного
- 22. Список. Задание
- 23. Вложенные html-элементы
- 24. Контейнеры ...
- 25. . Задание 1 Задание: Создайте файл main.css и запишите в него следующий код: .container { display:
- 26. . Задание 2 Задание: 1) Добавьте внутрь тега .. после тега .. новый тег в виде
- 27. . Задание 3 Задание: Теперь объедините заголовок меню и само меню в другой контейнер с классом
- 28. . Задание 4 Задание: Поместите заголовок компании , подзаголовок компании , параграф и видео внутрь третьего
- 29. Результат
- 30. Логотип Задание: Добавьте небольшую картинку в качестве логотипа магазина над списком товаров, используя тег , который
- 31. Мета-теги ... : Это корневой тег всего HTML-документа. Он также является родительским для всех других html-элементов
- 33. Скачать презентацию