Знакомство с HTML, CSS

Содержание

Слайд 2

Закирова Регина

Преподаватель веб-интегратора «Факт»
Контактные данные,
8-982-281-27-23
[email protected]

Закирова Регина Преподаватель веб-интегратора «Факт» Контактные данные, 8-982-281-27-23 Regina_174@mail.ru

Слайд 3

3

PHP

HTML

2

CSS

СТРУКТУРА КУРСА

4

BITRIX

1

3 PHP HTML 2 CSS СТРУКТУРА КУРСА 4 BITRIX 1

Слайд 4

ЗНАКОМСТВО С HTML

1. Что такое HTML (HyperText Markup Language)?
2. Что такое CSS

ЗНАКОМСТВО С HTML 1. Что такое HTML (HyperText Markup Language)? 2. Что
(Cascading Style Sheets)?

Слайд 5

МОЯ ПЕРВАЯ СТРАНИЦА!

МОЯ ПЕРВАЯ СТРАНИЦА!

Слайд 6

ДОСТАТОЧНО ТЕОРИИ - ПЕРЕЙДЕМ К ПРАКТИКЕ

На созданной странице lesson1.html добавим текст
Рассмотрим

ДОСТАТОЧНО ТЕОРИИ - ПЕРЕЙДЕМ К ПРАКТИКЕ На созданной странице lesson1.html добавим текст
работу тегов:
,

,
 

Тег
делает перенос на следующую строку. Он не имеет содержимого, поэтому не закрывается

Тег

параграф. После каждого параграфа делается перенос строки

Тег

 контейнер, который отображает содержимое с учетом всех пробелом внутри себя

Слайд 7

ХМ… А ЧТО ДЕЛАТЬ С ЗАГОЛОВКОМ?

ХМ… А ЧТО ДЕЛАТЬ С ЗАГОЛОВКОМ?

Слайд 8

НАЛАЖИВАЕМ КОНТАКТ С БРАУЗЕРОМ!

Элемент
Предназначен для указания типа текущего документа. Это необходимо,

НАЛАЖИВАЕМ КОНТАКТ С БРАУЗЕРОМ! Элемент Предназначен для указания типа текущего документа. Это
чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, поскольку HTML существует в нескольких версиях.
Например,

Слайд 9

ТЕГ META

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

ТЕГ META Это мета-тег, который используется для хранения информации предназначенной для браузера
поисковых систем (кодировка страницы, ключевые слова, описание). Тег размещается в контейнере .
Например,

Слайд 10

ЗНАКОМИМСЯ СО СТИЛЯМИ

Таблица стилей – это одно или несколько правил, прилагаемых к

ЗНАКОМИМСЯ СО СТИЛЯМИ Таблица стилей – это одно или несколько правил, прилагаемых
html-документу. CSS – правило состоит из нескольких частей

Слайд 11

АБСОЛЮТНЫЙ И ОТНОСИТЕЛЬНЫЙ ПУТЬ

Абсолютный путь
C:/Users/Regina/Fact/Site/lesson1.html

Относительный путь
Site/lesson1.html
../img/logo.png

АБСОЛЮТНЫЙ И ОТНОСИТЕЛЬНЫЙ ПУТЬ Абсолютный путь C:/Users/Regina/Fact/Site/lesson1.html Относительный путь Site/lesson1.html ../img/logo.png
Имя файла: Знакомство-с-HTML,-CSS.pptx
Количество просмотров: 36
Количество скачиваний: 0