Знакомство с языком HTML презентация

Содержание

ЧТО ТАКОЕ HTML

Слайд 1ЗНАКОМСТВО С HTML
Занятие #2


Слайд 2ЧТО ТАКОЕ HTML


Слайд 3ЧТО ТАКОЕ HTML
HTML –
Это язык гипертекстовой разметки.
Практически вся клиентская (frontend)-часть любого

сайта
написана на языке разметки HTML.

Слайд 5ЧТО ТАКОЕ HTML
ТЕГИ –
Основа языка HTML.
Весь код HTML состоит из

тегов.

Слайд 6ЧТО ТАКОЕ HTML


Слайд 7ЧТО ТАКОЕ HTML




Слайд 8ЧТО ТАКОЕ HTML


Слайд 9ЧТО ТАКОЕ HTML


Слайд 10ЧТО ТАКОЕ HTML


Слайд 11АТРИБУТЫ HTML


Слайд 12АТРИБУТЫ HTML


Слайд 13АТРИБУТЫ HTML


Слайд 14АТРИБУТЫ HTML

Тег
Атрибут
Значение атрибута


Слайд 15АТРИБУТЫ HTML

Тег
Атрибут
Значение атрибута


Слайд 16АТРИБУТЫ HTML

Тег
Атрибут
Значение атрибута


Слайд 17АТРИБУТЫ HTML

Время: 18:00


Слайд 18АТРИБУТЫ HTML

Время: 18:00


Слайд 19АТРИБУТЫ HTML
HTML –
Это комбинация тегов и текста.


Слайд 20ОСНОВНЫЕ ТЕГИ HTML


Слайд 21ОСНОВНЫЕ ТЕГИ HTML

Для создания логического блока
ТЕГ
НАЗНАЧЕНИЕ

Для создания ссылки на страницу, файл

Для

выделения элементов внутри строки


Для вставки изображения (растрового или векторного)


Слайд 22ОСНОВНЫЕ ТЕГИ HTML

Для создания форм отправки данных
ТЕГ
НАЗНАЧЕНИЕ

Для создания поля ввода внутри

формы


Слайд 23ОСНОВНЫЕ ТЕГИ HTML

Для создания заголовка первого уровня (единожды)
ТЕГ
НАЗНАЧЕНИЕ

Для создания второго по

важности заголовка(многократно)

-


Для создания остальных заголовков по степени важности (многократно)


Для создания абзацев и блоков текста


Слайд 24ОСНОВНЫЕ ТЕГИ HTML

Для создания немаркированного списка
ТЕГ
НАЗНАЧЕНИЕ

Для создания маркированного списка

Для создания пункта

любого типа списка



Для переноса строк


Слайд 25ОСНОВНЫЕ ТЕГИ HTML

Для стилистического выделения текста (жирным)
ТЕГ
НАЗНАЧЕНИЕ

Для выделения высокой важности текста

(также, жирным)


Для экспрессивно-эмоционального выделения (курсивом)


Для дополнительного выделения (курсивом)


Слайд 26ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ


Слайд 27ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ
ЧТОБЫ ОТЛИЧАТЬ ТЕГИ
В разметке используются атрибуты class и id.


Слайд 28ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ



Слайд 29ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ



Слайд 30ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ





Слайд 31ИДЕНТИФИКАЦИЯ ОБЪЕКТОВ





Слайд 32ПОПРАКТИКУЕМСЯ?


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

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

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

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

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


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

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