Презентация, доклад Язык разметки гипертекста HTML (10 класс)

Абзац 1) текст абзаца - разбиение текста на абзацы параметры (атрибуты) тега :align = "значение" - выравнивание текста значения: left- выравнивание по левому краю

Слайд 1Язык разметки гипертекста HTML
Текст

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

Слайд 2Абзац
1) текст абзаца - разбиение текста на абзацы

параметры (атрибуты) тега

:

align = "значение" - выравнивание текста

значения: left- выравнивание по левому краю

right - выравнивание по правому краю

center - выравнивание по центру

justify - выравнивание по ширине

Абзац 1) текст абзаца  - разбиение текста на абзацы   параметры (атрибуты) тега :align =

Слайд 3Раздел
2) раздел - разбивает на раздел.

Оставляет пустую строку вначале

раздела. Параметры такие же как и для тега


Раздел 2) раздел - разбивает на раздел. Оставляет пустую строку вначале раздела. Параметры такие же как и

Слайд 4Заголовок
3) заголовок - задание заголовков

В HTML существует 6

уровней заголовков (n=1,2,...,6). Все уровни пронумерованы от H1 до H6. Самый крупный заголовок первого уровня - H1, а самый маленький - H6.

параметры (атрибуты) тега :

align = "значение" - выравнивание заголовка

значения: left- выравнивание по левому краю

right - выравнивание по правому краю

center - выравнивание по центру
Заголовок 3) заголовок - задание заголовков В HTML существует 6 уровней заголовков (n=1,2,...,6). Все уровни пронумерованы от

Слайд 5Текст
4) текст - задает свойства шрифта

параметры (атрибуты) тега :

1) size="число" - размер шрифта

2) color="число или название цвета" - цвет шрифта

3) face="название шрифта" - шрифт
Текст 4) текст - задает свойства шрифта     параметры (атрибуты) тега :

Слайд 6Текст
5)
- аналогичен нажатию клавиши Enter

6) текст -

полужирный текст

7) текст - подчеркнутый текст

8) текст - курсивный текст

9) текст - зачеркнутый шрифт



Текст5) - аналогичен нажатию клавиши Enter6) текст - полужирный текст7) текст - подчеркнутый текст8) текст - курсивный

Слайд 7Текст
10) текст - увеличение шрифта

11) текст - уменьшение шрифта

12) текст -

верхний индекс

13) текст - нижний индекс
Текст10) текст - увеличение шрифта11) текст - уменьшение шрифта12) текст - верхний индекс13) текст - нижний индекс

Слайд 8Задание 1
Создать HTML-документ, выводящий на экран три абзаца текста, каждый

из которых содержит соответственно определения локальной сети, глобальной сети, региональной сети. Первый абзац выровнен по левому краю, второй – по центру, третий – по правому. Каждый абзац отделен от другого горизонтальной линией, ширина которой равна ширине окна браузера.
Задание 1 Создать HTML-документ, выводящий на экран три абзаца текста, каждый из которых содержит соответственно определения локальной

Слайд 9Задание 2
Создать HTML-документ, который будет выводить в браузере текст:
Этот шрифт

красного цвета.
Этот шрифт синего цвета.
Этот шрифт зеленого цвета.
соответственно указанного цвета.
Задание 2 Создать HTML-документ, который будет выводить в браузере текст:Этот шрифт красного цвета.Этот шрифт синего цвета.Этот шрифт

Слайд 10Задание 3
Создать HTML-документ, который в браузере будет выглядеть следующим образом (цвет

фона – коричневый, цвет текста – белый):

Это полужирный шрифт.
Выделение курсивом
Это моноширинный шрифт.
Пример подчеркивания текста.
Пример зачеркнутого текста.
Шрифт большего размера.
Шрифт меньшего размера
Пример шрифта для нижнего индекса.
Пример шрифта для верхнего индекса
Задание 3Создать HTML-документ, который в браузере будет выглядеть следующим образом (цвет фона – коричневый, цвет текста –

Слайд 11Тест "Размещение текстовой информации на Web-странице"
Какой код соответствует следующему отображению

на Web-странице: AAABBBCCC
AAA BBB CCC
AAA BBB CCC
AAA BBB CCC
AAA CCC BBB

1.

Тест

Слайд 12Тест "Размещение текстовой информации на Web-странице"
Какой из следующих кодов разместит

буквы по центру строки?

ABCD


ABCD


ABCD


ALIGN="CENTER" ABCD


2.

Тест

Слайд 13Тест "Размещение текстовой информации на Web-странице"
Что обозначает атрибут face тега

?
цвет текста
цвет фона
размер шрифта
начертание шрифта
название шрифта

3.

Тест

Слайд 14Тест "Размещение текстовой информации на Web-странице"
Какой из следующих кодов

выведет на экран буквы наибольшего размера?

AAA
AAA

AAA


AAA

4.

Тест

Слайд 15Тест "Размещение текстовой информации на Web-странице"
Что будет отображено на Web-странице

после написания кода: Y 2 O
Y2O
Y2O
Y2O
Y2O

5.

Тест

Слайд 16Ответы
-2
-3
-5
-3
-1

Ответы -2 -3 -5 -3 -1

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

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


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

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

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

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