Структура HTML-документа

Июль 27, 2022

Главная
Информатика
Структура HTML-документа

Содержание

2. HTML — HyperText Markup Language (язык гипертекстовой разметки) – это средство создания Web-страниц. Web-страница представляет собой
3. Типы дескрипторов (тегов) и принципы их использования В документе HTML дескрипторы выделяются с помощью угловых скобок:
4. Эффект парных дескрипторов распространяется на текст или объект, заключенный между ними. Отсутствие закрывающего дескриптора приводит к
5. Пара дескрипторов ... создает объект документа Заголовок ограничивается дескрипторами ... Например: Моя страница
6. Содержимое Web-страницы, отображаемое в окне обозревателя, находится в основном разделе, ограничиваемом дескрипторами …
7. Ввод кода Web-страницы Для ввода и изменения кода Web-страницы лучше всего использовать простейшие текстовые редакторы Блокнот
8. Ввод символов В тексте документа HTML можно использовать все текстовые символы, вводимые с клавиатуры, а также
9. Настройка свойств элементов Web-страниц Элементы Web-страниц создаются с помощью дескрипторов HTML и их атрибутов по общему
10. Атрибуты дескрипторов HTML Список атрибутов приводится в справочнике по языку HTML Дескрипторы форматирования текста Текст абзаца
11. Выравнивание текста в абзаце можно изменить, установив соответствующий параметр атрибута ALIGN в дескрипторе Абзац выровнен влево
13. Пробелы и отступы Пробел, задается комбинацией управляющих символов &nbsp        Этот абзац начинается с красной
14. В HTML используются дескрипторы, устанавливающие заголовки шести уровней От ... ДО ... Так выглядит заголовок 1-го
16. Форматирование элементов текста ... — полужирный шрифт; ... — курсив; ... — подчеркивание; ... — перечеркивание;
17. Форматирование текста
18. Добавление рисунков Чтобы добавить рисунок на Web-страницу, используется дескриптор height=50 width=100 align=left alt='Фотография'>
19. Использование рисунков в виде фона Web-cтраницы Любой рисунок в формате JPEG, GIF или PNG может быть
20. Фоновый рисунок Web-страница с фоновым рисунком
22. Скачать презентацию

Слайд 2

HTML — HyperText Markup Language
(язык гипертекстовой разметки) –
это средство

создания Web-страниц.
Web-страница представляет собой текстовый
документ, содержащий обычный текст
и дескрипторы HTML – специальные
текстовые командные символы, с помощью которых:
текст формируется в абзацы и задаются отступы текста;
выполняется форматирование текста;
прочерчиваются линии;
добавляются рисунки и другие объекты мультимедиа;
создаются гиперссылки на другие Web-страницы;
добавляются коды сценариев.
Дескриптор еще называют тэгом

Слайд 3

Типы дескрипторов (тегов) и принципы их использования
В документе HTML дескрипторы выделяются

с помощью угловых скобок: <дескриптор> или <тэг>. Различают парные и непарные дескрипторы. Пара состоит из открывающего и закрывающего дескриптора:
<дескриптор>....

Слайд 4

Эффект парных дескрипторов распространяется на текст или объект, заключенный между ними.

Отсутствие закрывающего дескриптора приводит к ошибке
Листинг 1. Обязательные дескрипторы создают заголовки и основной раздел Web-страницы

Моя страница

. Основной раздел. Здесь помещается основной текст страницы

Слайд 5

Пара дескрипторов ... создает объект документа
Заголовок ограничивается дескрипторами ...
Например:

Моя страница

Слайд 6

Содержимое Web-страницы, отображаемое в окне обозревателя, находится в основном разделе,
ограничиваемом

дескрипторами …

Слайд 7

Ввод кода Web-страницы
Для ввода и изменения кода
Web-страницы лучше всего использовать

простейшие текстовые редакторы Блокнот или Word Pad.

Слайд 8

Ввод символов
В тексте документа HTML можно использовать все текстовые символы,

вводимые с клавиатуры, а также специальные символы. Для ввода специальных символов используется специальный код.

Слайд 9

Настройка свойств элементов Web-страниц
Элементы Web-страниц создаются с помощью дескрипторов HTML и

их атрибутов по общему плану:
<ДЕСКРИПТОР АТРИБУТ_1 =
' значение' АТРИБУТ_2 =
' значение' ...>

Слайд 10

Атрибуты дескрипторов HTML
Список атрибутов приводится в справочнике по языку HTML
Дескрипторы форматирования

текста

Текст абзаца располагается
между дескрипторами
<Р>....

Слайд 11

Выравнивание текста в абзаце можно изменить,
установив соответствующий параметр атрибута ALIGN

в дескрипторе <Р>

<Р ALIGN = "left" >Абзац выровнен влево
<Р ALIGN = "center" >Абзац выровнен по центру
<Р ALIGN = "right" >Абзац выровнен вправо
<Р ALIGN = "justify" >Абзац выровнен по ширине

Слайд 12

Слайд 13

Пробелы и отступы
Пробел, задается комбинацией управляющих символов

Этот

абзац начинается с красной строки ... .

Слайд 14

В HTML используются дескрипторы, устанавливающие заголовки шести уровней
От <Н1>...
ДО <Н6>...
<Н1>Так

выглядит заголовок 1-го уровня
<Н2>Так выглядит заголовок 2-го уровня
<НЗ>Так выглядит заголовок 3-го уровня
<Н4>Так выглядит заголовок 4-го уровня
<Н5>Так выглядит заголовок 5-го уровня
<Н6>Так выглядит заголовок 6-го уровня

Слайд 15

Слайд 16

Форматирование элементов текста
... — полужирный шрифт;
< i >...< /i > —

курсив;
... — подчеркивание;
... — перечеркивание;
^... — подстрочный шрифт;
_... — надстрочный шрифт;
...— установка атрибутов шрифта:
face — имя шрифта;
size —размер;
color — цвет.

~~Слайд 17~~

Форматирование текста

~~Слайд 18~~

Добавление рисунков
Чтобы добавить рисунок на Web-страницу, используется дескриптор

~~height=50 width=100 align=left alt='Фотография'>~~

~~Слайд 19~~

Использование рисунков в виде фона Web-cтраницы
Любой рисунок в формате JPEG, GIF

или PNG может быть использован как в тексте документа HTML, так и в качестве фона web- страницы. Для этого путь к файлу рисунка присваивается атрибут background в дескрипторе , как в следующем примере:

~~Слайд 20~~

Структура HTML-документа

Содержание

HTML — HyperText Markup Language (язык гипертекстовой разметки) – это средство

Типы дескрипторов (тегов) и принципы их использования В документе HTML дескрипторы выделяются

Эффект парных дескрипторов распространяется на текст или объект, заключенный между ними.

Пара дескрипторов ... создает объект документа Заголовок ограничивается дескрипторами ...Например:Моя страница

Содержимое Web-страницы, отображаемое в окне обозревателя, находится в основном разделе, ограничиваемом

Ввод кода Web-страницы Для ввода и изменения кода Web-страницы лучше всего использовать

Ввод символов В тексте документа HTML можно использовать все текстовые символы,

Настройка свойств элементов Web-страницЭлементы Web-страниц создаются с помощью дескрипторов HTML и

Атрибуты дескрипторов HTML Список атрибутов приводится в справочнике по языку HTMLДескрипторы форматирования

Выравнивание текста в абзаце можно изменить, установив соответствующий параметр атрибута ALIGN

Пробелы и отступы Пробел, задается комбинацией управляющих символов Этот

В HTML используются дескрипторы, устанавливающие заголовки шести уровнейОт <Н1>... ДО <Н6>...<Н1>Так

Форматирование элементов текста ... — полужирный шрифт;< i >...< /i > —