Презентация, доклад на тему Тэги форматирования

Содержание

Сегодня…УЗНАЕМ:Что означают термины «Тэг» и «Атрибут»Какие существуют способы форматирования текста, содержащегося на Web-страницахНАУЧИМСЯ:Применять тэги и атрибуты в процессе форматирования

Слайд 1Тегтерді пішімдеу
Тэги форматирования
Formatting tags

Тегтерді пішімдеу Тэги форматированияFormatting tags

Слайд 2Сегодня…
УЗНАЕМ:
Что означают термины «Тэг» и «Атрибут»
Какие существуют способы форматирования текста, содержащегося

на Web-страницах

НАУЧИМСЯ:
Применять тэги и атрибуты в процессе форматирования

Сегодня…УЗНАЕМ:Что означают термины «Тэг» и «Атрибут»Какие существуют способы форматирования текста, содержащегося на Web-страницахНАУЧИМСЯ:Применять тэги и атрибуты в

Слайд 3Соотнесите с помощью стрелок частям документа соответствующую пару тэгов
-начало HTMLдокумента.

начало головной

части.

название документа.

-начало тела документа.

-переход на следующую строку.





-



Соотнесите с помощью стрелок частям документа соответствующую пару тэгов-начало HTMLдокумента.начало головной части.название документа.-начало тела документа.-переход на следующую

Слайд 4Проверяем…
-начало HTMLдокумента.

начало головной части.

название документа.

-начало тела документа.

-переход на следующую строку.





-



Проверяем…-начало HTMLдокумента.начало головной части.название документа.-начало тела документа.-переход на следующую строку.   -

Слайд 5
Что такое Web сайт?
Что такое Web страница?
Для чего служит браузер?
Что записывается

между угловыми скобками <…>?


Что такое Web сайт?Что такое Web страница?Для чего служит браузер?Что записывается между угловыми скобками ?

Слайд 6Основные понятия
Тег – оформленная единица HTML-кода. Например, , ,, и

так далее.

Атрибут –это  дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.

Заголовок


Основные понятияТег – оформленная единица HTML-кода. Например, , ,, и так далее. Атрибут –это  дополнительная информация. Атрибуты

Слайд 7Работа в группах /заполните таблицу/

Работа в группах /заполните таблицу/

Слайд 9Выравнивание текста
Выравнивание по левой границе задается

границе - ;
Выравнивание по центру - .
Выравнивание текста Выравнивание по левой границе задается ; Выравнивание по центру -

Слайд 10Установка размера шрифта
SIZE - Определяет размер шрифта. Возможные значение - 1

, 2 , 3 , 4 , 5 , 6 , 7
Установка размера шрифта	SIZE - Определяет размер шрифта. Возможные значение - 1 , 2 , 3 , 4

Слайд 11Таблица стандартных цветов 

Таблица стандартных цветов 

Слайд 12

Пример


Текст можно выравнивать,указывать размер,цвет
ТАК ЖЕ СОЗДАВАТЬ

НОВЫЙ АБЗАЦ и устанавливать ему выравнивание по центру.




ПримерТекст можно выравнивать,указывать размер,цвет ТАК ЖЕ СОЗДАВАТЬ НОВЫЙ АБЗАЦ и устанавливать ему выравнивание по центру.

Слайд 14Практическая работа
Дана готовая программа.
1. Чтобы заработать 3 балла - добавить

зеленый цвет к заголовку.

2. Чтобы заработать 4 балла – выполнить 1 задание + добавить выравнивание «по центру» к тексту

3. Чтобы заработать 5 баллов – выполнить 1, 2 задание + разбить текст на абзацы
Практическая работаДана готовая программа. 1. Чтобы заработать 3 балла - добавить зеленый цвет к заголовку.2. Чтобы заработать

Слайд 15Домашнее задание:
Обязательно: учить определения, создать эскиз вашего сайта.

Дополнительно: задание из рабочей

карты
Домашнее задание:Обязательно: учить определения, создать эскиз вашего сайта.Дополнительно: задание из рабочей карты

Слайд 16Итоги урока:
Чем отличается тэг от атрибута?

Какие тэги используются для форматирования?

Какие атрибуты

можно применить к тэгам?


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

Слайд 17Молодцы!

Молодцы!

Слайд 19В табличках приведены слова, связанные с информатикой и компьютерами, причем буквы

слов записаны «змейкой» в любом направлении по поризонтали и по вертикали, но не по диагонали.


В табличках приведены слова, связанные с информатикой и компьютерами, причем буквы слов записаны «змейкой» в любом направлении

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

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


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

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

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

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