HTML - Язык разметки гипертекста

Содержание

Слайд 2

HTML - Язык разметки гипертекста

HyperText Markup Language

HTML - Язык разметки гипертекста HyperText Markup Language

Слайд 3

План:

Разобраться с понятием HTML
Рассмотреть основные команды и правила их использования.
Создать с помощью

План: Разобраться с понятием HTML Рассмотреть основные команды и правила их использования.
HTML свою первую страницу.

Слайд 4

Что такое HTML?

Что такое HTML?

Слайд 5

Теги (tag) – инструкции браузеру, указывающие способ отображения текста
Пример:

Теги (tag) – инструкции браузеру, указывающие способ отображения текста Пример:

Слайд 6

Текстовый редактор Блокнот и браузер

Текстовый редактор Блокнот и браузер

Слайд 7

Откройте страницу 114 учебника

Откройте страницу 114 учебника

Слайд 8

Структура (скелет) HTML документа









- начало гипертекстового

Структура (скелет) HTML документа … … - начало гипертекстового документа - информация
документа

- информация о документе

- начало самого текста

- конец гипертекстового документа

- заголовок документа

Слайд 9

Структура (скелет) HTML документа









- начало гипертекстового

Структура (скелет) HTML документа … … - начало гипертекстового документа - информация
документа

- информация о документе

- начало самого текста

- конец гипертекстового документа

- заголовок документа

Слайд 11

План работы:

Создайте на рабочем столе папку с именем «HTML».
Откройте текстовый редактор Блокнот

План работы: Создайте на рабочем столе папку с именем «HTML». Откройте текстовый
(Пуск/Стандартные/Блокнот).
Введите структурные теги.
Сохраните документ в папку HTML присвоив ему имя index.html
Откройте документ index.html с помощью браузера

Слайд 12

Теги форматирования символов

Жирный текст
Курсив
Подчеркнутый

Теги форматирования символов Жирный текст Курсив Подчеркнутый

Слайд 14

Теги форматирования символов

Жирный текст
Курсив
Подчеркнутый
Полужирный курсив с

Теги форматирования символов Жирный текст Курсив Подчеркнутый Полужирный курсив с подчеркиванием
подчеркиванием

Слайд 15

Теги оформления абзацев

Заголовки:

текст


текст


текст


текст


текст

Теги оформления абзацев Заголовки: текст текст текст текст текст текст

текст

Слайд 16

Абзац

Текст абзаца


Выравнивание абзаца

Текст абзаца

- по левому краю
… ”center”… - по

Абзац Текст абзаца Выравнивание абзаца Текст абзаца - по левому краю …
центру
… ”right”… - по правому краю
… ”justify”… - по ширине

атрибут

значение

Слайд 17

Не парные теги
- переход к следующей строке.


- горизонтальная линия.

Не парные теги - переход к следующей строке. - горизонтальная линия.

Слайд 18


- горизонтальные линии

Используются для разбиения web –страницы на отдельные части.
Тег


- горизонтальные линии Используются для разбиения web –страницы на отдельные части. Тег
имеет некоторые атрибуты:
Align – выравнивание;
Width – ширина;
Size — размер (толщина);
Color - цвет

Слайд 19

Пример:





Пример:

Слайд 20

Пример:




Пример:

Слайд 21

Итог:

Что такое HTML?
Как называются команды HTML?
Какое программное обеспечение используем?
Структурные теги?

Итог: Что такое HTML? Как называются команды HTML? Какое программное обеспечение используем? Структурные теги?