HTML. Урок №1

Август 3, 2022

Содержание

2. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта.
3. HTML — HyperTextMarkupLanguage, что в переводе на русский означает язык разметки. HTML документ состоит из тегов,
4. ЗАГОЛОВОК ДОКУМЕНТА ТЕКСТ НА СТРАНИЧКЕ Структура простого html документа: Пищита Е.В.
5. Что такое тег? Пищита Е.В. Тег - (от англ. tag) это единица HTML-кода, знак или команда
6. Теги Любой HTML документ начинаться с тега и заканчиваться тегом . Это и даёт понять, что
7. Создание html-документа Пищита Е.В.
8. Просмотр в браузере Пищита Е.В.
9. Схематически весь HTML документ: Пищита Е.В.
10. Заголовки. Тег в HTML На каждой HTML странице существуют заголовки. Для их создания используется следующий тег:
11. Размер шрифта. Тег FONT SIZE Размер шрифта мы также можем указать с помощью тега . Пищита
12. Выбираем шрифт. Тег FONT FACE Следующим параметром задаём название шрифта, которым будет отображаться текст на странице:
13. Цвет текста в документе Пищита Е.В.
14. Все атрибуты можно использовать одновременно: Пищита Е.В.
15. Выделение текста цветом Для выделения текста любым цветом используется тег: Пищита Е.В.
16. Начертание текста Тексту можно придать определенное начертание: Пищита Е.В.
17. Создание нового абзаца Тег для создания нового абзаца Новый абзац Параметры тега : CENTER LEFT RIGHT
18. Цвет фона страницы. Тег BODY BGCOLOR У тега есть свои параметры, с помощью которых задаётся цвет
19. Параметры отступов в документе Следующими параметрами могут быть указаны отступы в документе: leftmargin - отступ слева
21. Скачать презентацию

Слайд 2

СОДЕРЖАНИЕ УРОКА
HTML документ
Структура простого html документа
Теги
Создание HTML документа
Заголовки. Тег

Размер шрифта.

Тег
Выбираем шрифт. Тег
Цвет текста в документе. Тег
Цвет фона текста. Тег
Начертание текста
Создание нового абзаца. Выравнивание абзаца. Тег

Цвет фона страницы. Тег < BODY BGCOLOR: >
Параметры отступов в документе

Пищита Е.В.

Слайд 3

HTML — HyperTextMarkupLanguage, что в переводе на русский означает язык разметки.
HTML

документ состоит из тегов, из которых и собирается вся интернет страничка.

HTML документ

Пищита Е.В.

Слайд 4

ЗАГОЛОВОК ДОКУМЕНТА ТЕКСТ НА СТРАНИЧКЕ
Структура простого html документа:
Пищита Е.В.

Слайд 5

Что такое тег?
Пищита Е.В.
Тег - (от англ. tag) это единица HTML-кода,

знак или команда языка разметки гипертекста, который представляет собой текст, заключаемый в скобки <>.
<> - открывающий тег, - закрывающий;
<> - одиночный, <> … - парный тег.

Слайд 6

Теги
Любой HTML документ начинаться с тега и заканчиваться тегом

. Это и даёт понять, что это и есть HTML документ.
Тег . Все что находится между этим тегом, является служебной информацией. Она не отображается на самой страничке, но играет большую роль для поисковых машин. В нем пишутся: ключевые слова страницы, ее название, автор страницы, и др. служебная информация. Закрывающийся тег говорит, что завершена служебная информация.
Тег определяет название страницы. Оно отображается в самом верхнем левом углу окна. Например название нашей страницы: Проект по информатике. Закрывающийся тег говорит, что название документа закончилось.
Далее между открывающимся тегом и закрывающимся , следует информация, располагаемая на самой странице, ту которую мы видим.

Пищита Е.В.

Слайд 7

Создание html-документа
Пищита Е.В.

Слайд 8

Просмотр в браузере
Пищита Е.В.

Слайд 9

Схематически весь HTML документ:
Пищита Е.В.

Слайд 10

Заголовки. Тег
в HTML
На каждой HTML странице существуют заголовки.
Для

их создания используется следующий тег:
Заголовок , где n - число от 1 до 6.
Заключив между ними текст получим заголовки разных размеров:

Пищита Е.В.

Слайд 11

Размер шрифта. Тег FONT SIZE
Размер шрифта мы также можем указать с

помощью тега .

Пищита Е.В.

Слайд 12

Выбираем шрифт. Тег FONT FACE
Следующим параметром задаём название шрифта, которым будет

отображаться текст на странице:

Пищита Е.В.

Слайд 13

Цвет текста в документе

Пищита Е.В.

Слайд 14

Все атрибуты можно использовать одновременно:
Пищита Е.В.

Слайд 15

Выделение текста цветом
Для выделения текста любым цветом используется тег: цвета фона или его 16-ричный вид">
Пищита Е.В.

Слайд 16

Начертание текста
Тексту можно придать определенное начертание:
Пищита Е.В.

Слайд 17

Создание нового абзаца
Тег для создания нового абзаца
Новый абзац

Параметры тега

:
CENTER
LEFT
RIGHT
JUSTIFY

Для переходов на новую строку без абзацев используется тег:

За ним следует новая строка

Пищита Е.В.

Слайд 18

Цвет фона страницы. Тег BODY BGCOLOR
У тега есть свои параметры,

с помощью которых задаётся цвет фона страницы, цвет текста в документе и т.д.
Цвет фона страницы можно задать так:

Пищита Е.В.

Слайд 19

Параметры отступов в документе
Следующими параметрами могут быть указаны отступы в документе:

leftmargin - отступ слева rightmargin - отступ справа topmargin - отступ сверху bottommargin - отступ снизу

Общий вид:

Пищита Е.В.

HTML. Урок №1

Содержание

СОДЕРЖАНИЕ УРОКАHTML документСтруктура простого html документаТегиСоздание HTML документаЗаголовки. Тег Размер шрифта.

Размер шрифта.

HTML — HyperTextMarkupLanguage, что в переводе на русский означает язык разметки.HTML

ЗАГОЛОВОК ДОКУМЕНТА ТЕКСТ НА СТРАНИЧКЕ Структура простого html документа: Пищита Е.В.

Что такое тег?Пищита Е.В.Тег - (от англ. tag) это единица HTML-кода,

Теги Любой HTML документ начинаться с тега и заканчиваться тегом

Создание html-документаПищита Е.В.

Просмотр в браузереПищита Е.В.

Схематически весь HTML документ:Пищита Е.В.

Заголовки. Тег в HTMLНа каждой HTML странице существуют заголовки. Для

в HTMLНа каждой HTML странице существуют заголовки. Для

Размер шрифта. Тег FONT SIZEРазмер шрифта мы также можем указать с

Выбираем шрифт. Тег FONT FACEСледующим параметром задаём название шрифта, которым будет

Цвет текста в документе

Все атрибуты можно использовать одновременно:Пищита Е.В.

Выделение текста цветомДля выделения текста любым цветом используется тег: цвета фона или его 16-ричный вид">Пищита Е.В.

Начертание текстаТексту можно придать определенное начертание: Пищита Е.В.

Создание нового абзацаТег для создания нового абзаца Новый абзацПараметры тега

Цвет фона страницы. Тег BODY BGCOLORУ тега есть свои параметры,

Параметры отступов в документеСледующими параметрами могут быть указаны отступы в документе:

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

СОДЕРЖАНИЕ УРОКА
HTML документ
Структура простого html документа
Теги
Создание HTML документа
Заголовки. Тег

Размер шрифта.

HTML — HyperTextMarkupLanguage, что в переводе на русский означает язык разметки.
HTML

ЗАГОЛОВОК ДОКУМЕНТА ТЕКСТ НА СТРАНИЧКЕ
Структура простого html документа:
Пищита Е.В.

Что такое тег?
Пищита Е.В.
Тег - (от англ. tag) это единица HTML-кода,

Теги
Любой HTML документ начинаться с тега и заканчиваться тегом

Создание html-документа
Пищита Е.В.

Просмотр в браузере
Пищита Е.В.

Схематически весь HTML документ:
Пищита Е.В.

Заголовки. Тег
в HTML
На каждой HTML странице существуют заголовки.
Для

в HTML
На каждой HTML странице существуют заголовки.
Для

Размер шрифта. Тег FONT SIZE
Размер шрифта мы также можем указать с

Выбираем шрифт. Тег FONT FACE
Следующим параметром задаём название шрифта, которым будет

Все атрибуты можно использовать одновременно:
Пищита Е.В.

Выделение текста цветом
Для выделения текста любым цветом используется тег: цвета фона или его 16-ричный вид">
Пищита Е.В.

Начертание текста
Тексту можно придать определенное начертание:
Пищита Е.В.

Создание нового абзаца
Тег для создания нового абзаца
Новый абзац

Параметры тега

Цвет фона страницы. Тег BODY BGCOLOR
У тега есть свои параметры,

Параметры отступов в документе
Следующими параметрами могут быть указаны отступы в документе: