HTML. CSS. JQuery

1.

HTML + CSS
1.HTML
2.CSS
3.JQuery

2.

HTML
Стандартизированный язык
разметки документов в
интернете (HyperText Markup
Language)

3.

Элементы
• Самозакрывающиеся <img/>;
• Парные <div></div>;
• Блочные;
• Строчные.

4.

CSS
Набор параметров форматирования,
применяющийся к элементам
документа, для изменения их
внешнего вида (Cascading Style Sheets)
RESET CSS

5.

Class, Id, Selector

6.

Медиа-запросы
Используются для
адаптивной верстки
Позволяют переопределить
стили для определенных
разрешений экрана клиента
ТЫК

7.

Основные разрешения
• 320 px — Мобильные устройства
(портретная ориентация);
• 480 px — Мобильные устройства
(альбомная ориентация);
• 600 px — Небольшие планшеты;
• 768 px — Планшеты (портретная
ориентация);
• 1024 px — Планшеты (альбомная
ориентация)/Нетбуки;
• 1280 px и более — PC.

8.

JQuery
JS библиотека, с фокусом на
взаимодействии HTML и JavaScript
• Обращения к элементам;
• Обращения к атрибутам
элементов и их содержимому;
• Манипуляция элементами, их
атрибутами и содержимым;
• AJAX.
ТЫК

9.

JS код в HTML