HTML. Описание. Основные тэги презентация

Содержание

В ПРЕДЫДУЩИЕ СЕРИИ Что такое HTML. Описание Основные тэги Пример HTML страницы Создаем HTML страницу

Слайд 1HTML ☺
BOOT CAMP
ОБУХОВ 2016

Слайд 2В ПРЕДЫДУЩИЕ СЕРИИ
Что такое HTML.
Описание
Основные тэги
Пример HTML страницы
Создаем HTML страницу

Слайд 3HTML ?
HTML – язык разметки веб страниц

Слайд 4ВЕРСИЯ HTML
Последняя версия HTML – HTML 5

Слайд 5А ЧТО ТАКОЕ ТЭГ?
Тэг – базовый элемент HTML разметки

Слайд 6ТЭГИ БЫВАЮТ 2 ВИДОВ
Парные
Одинарные (пустые)

Слайд 7ОСНОВНЫЕ ТЭГИ




-


, , ??, ??










Слайд 8ДОМАШНИЕ ЗАДАНИЕ (HOME WORK)
Что такое ?
Как правильно укзать ?
Что

такое парные и одиночные тэги?
Тэг
Как сделать список?
Что такое атрибуты?
Что такое inline стили?
Как проверить HTML код на валидность?

Слайд 9ПОВТОРИМ
DOCTYPE – тэг который обозначает тип документа
В HTML5 правильно указывать так:

html>

Слайд 10ПОВТОРИМ
ПАРНЫЕ









ПУСТЫЕ





Слайд 12СПИСКИ






Слайд 13СПИСКИ
Сходить в магазин
Заплатить за комуналку
Убрать квартиру



Поехать в Италию
Прыгнуть с парашутом
Купить новый

Iphone


Audi
- хороший автомобиль
ВАЗ
- автомобиль

Слайд 14АТРИБУТЫ
Атрибут – предоставляет дополнительную информацию о тэги.

W3Schools">

Слайд 15УНИВЕРСАЛЬНЫЕ
style
id
lang
class
title


Слайд 16СОБЫТИЯ
onclick
onchange
onsubmit



Слайд 17УНИКАЛЬНЫЕ

Слайд 18INLINE СТИЛИ






Слайд 19ПУТЬ (PATH)
Если в одной и той же папке (на одном уровне)
Если

внутри папки, которая с нами на том же уровне

Если выше

Бывает и так

имяФайла.png

имяПапки/имяФайла.png

../имяФайла.png

../имяПапки/имяФайла.png

Слайд 20HTTPS://VALIDATOR.W3.ORG/

Слайд 21HTTPS://VALIDATOR.W3.ORG/

Слайд 22HTTPS://VALIDATOR.W3.ORG/

Слайд 23НЕМНОГО НОВОГО
Тэг
Тэги , , , ,

Слайд 24
В этом тэги мы указываем дополнительную информацию, например, ключевые слова или

автора.



Слайд 25 ТЭГИ , , , ,
Это тэги для форматирования текста.


Слайд 26ТЭГИ , , , ,

Слайд 27ЕСТЬ И ДРУГИЕ ТЭГИ





Слайд 28КАК ПРАВИЛЬНО ПИСАТЬ (STYLING)
Всегда указывайте DOCTYPE.
Пишите тэги с маленькой буквы: ,

а не


Не пишите как попало:

TEXT


Закрывайте все тэги:

TEXT

, а не

TEXT
Закрывайте одиночные тэги:
, а не

Пишите атрибуты с маленькой буквы.

, а не
, или

Значения атрибута должно быть внутри кавычек.
, а не

Не увлекайтесь пробелами.
лучше чем

Слайд 29СОЗДАЕМ СТРАНИЦУ

Слайд 30СОЗДАЕМ СТРАНИЦУ
Названия сайта
Навигация
Лого

Слайд 31СОЗДАЕМ СТРАНИЦУ
Добавляем основную секцию
Добавляем саб-секцию

Слайд 32СОЗДАЕМ СТРАНИЦУ
Ставим картинку как фон
Меняем цвет текста
Делаем основной и доп. Секциям

белый фон

Слайд 33HOME WORK!
ТЕОРИЯ
Блочные и строчные элементы
Позиционирование элементов на странице
Атрибуты

ПРАКТИКА
Сделать 2 колонки на

сайте (правую и левую)
Расставить элементы как на картинке

Слайд 35HOME WORK!
Результаты выкладывайте в группу в ВК!

Похожие презентации

В гости к русской сказке 216
ПРЕЗЕНТАЦИЯ СИСТЕМЫ REALTYX 2011 (полной версии с электронны ключом) 195
Дуговые печи и установки спецнагрева 368
Обжалование результатов налоговой проверки 252
ДЕЛОВЫЕ ПИСЬМА 191
Программы поддержки секторной политики (ППСП) 235

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

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

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

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

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

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

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