HTML

Август 20, 2022

Содержание

2. HTML-документ состоит из элементов(тегов), вложенных друг в друга и обычного текста. Тег HTML состоит из следующих
3. Для каждого тега определяется множество возможных атрибутов. Большинство тегов допускает один или несколько атрибутов, однако атрибутов
4. Ниже приведен шаблон типичной Web-страницы (пример 1). На его примере мы рассмотрим общие принципы построения HTML-страниц.
5. Комментарий к документу Структура Web-страницы H2 {font-family: Times New Roman;} CODE {font-family: Arial;} Комментарий --> Заголовок
6. Текст комментария. Отличительный признак HTML-документа. Область заголовка Web-страницы. Иными словами, ее первая часть. Так же как
7. Метаинформация (элемент META) Этот элемент содержит служебную информацию, которая не отображается при просмотре Web-страницы. Внутри него
8. Таблицы стилей (элемент STYLE)
9. Внутренние определяются в части HEAD: BODY {BACKGROUND-COLOR: RED} H1 {FONT-FAMILY: Times New Roman; FONT-SIZE: 48pt; COLOR:
10. Тело документа (элемент BODY) Этот элемент заключает в себе гипертекст, который определяет собственно Web-страницу. Эта та
11. Один из самых полезных для дизайна — атрибут, определяющий фон страницы. background ="Путь к файлу фона".
12. Заголовки (элементы H1,H2,H3,H4,H5,H6) Элемент заголовка. Существует шесть уровней заголовков, которые обозначаются H1, H2, H3, H4, H5,
13. Горизонтальная линия (элемент HR) Элемент не имеет конечного тега, но допускает ряд атрибутов для выравнивания влево,
14. Задания Изучите шаблон Web-документа, приведенный в примере 1 и создайте WEB-страницу следующего вида (цвет фона страницы
15. Изучите шаблон Web-документа, приведенный в примере 1 и создайте WEB-страницу следующего вида (цвет фона страницы -
17. Скачать презентацию

Слайд 2

HTML-документ состоит из элементов(тегов), вложенных друг в друга и обычного текста.
Тег

HTML состоит из следующих друг за другом в определенном порядке элементов:
Тег - это специальное слово, заключенное в угловые скобки, Тег является основанной составляющей HTML, этим словом код начинается и им же заканчивается, а внутри же тега заключается все содержимое, которое отображается на интернет странице.
Почти все теги являются парными, и выглядят так :
<Открывающий_тег>Содержимое.
Тот тег, где используется слеш (/) всегда будет закрывающим тегом.
Но, бывают и исключения - одиночные теги, которые называют метками, их не закрывают, они просто выполняют конкретную функцию ( например,
- эта метка просто переносит текст на следующую строку).

Слайд 3

Для каждого тега определяется множество возможных атрибутов. Большинство тегов допускает один

или несколько атрибутов, однако атрибутов может и совсем не быть. Спецификация атрибута состоит из расположенных в следующем порядке:
имени атрибута, например WIDTH
знак равенства (=)
значения атрибута, которое задается строкой символов, например, "80".
Значение атрибута заключается в кавычки, используя либо одинарные ('80'), либо двойные кавычки ("80").

Слайд 4

Ниже приведен шаблон типичной Web-страницы (пример 1).
На его примере мы

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

Слайд 5

Комментарий к документу

Структура Web-страницы

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

Здесь должен располагаться оригинальный текст Web-страницы

Слайд 6

Текст комментария.

Отличительный признак HTML-документа.

Область заголовка Web-страницы. Иными словами, ее

первая часть. Так же как и HTML, HEAD служит только для формирования общей структуры документа. Этот элемент допускает вложение элементов TITLE, ISINDEX, BASE, МЕТА, LINK.

Элемент для размещения заголовка Web-страницы. Строка текста, расположенная внутри, отображается не в документе, а в заголовке окна браузера.

Слайд 7

Метаинформация (элемент META)
<МЕТА>
Этот элемент содержит служебную информацию, которая не отображается при

просмотре Web-страницы. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент МЕТА содержит два основных атрибута, первый из которых определяет тип данных, а второй — содержание. Далее приведены несколько примеров meta-данных.
Дата, обозначающая "срок годности" документа:
Адрес электронной почты:
Имя автора Web-страницы:
Набор ключевых слов для поиска:
Краткое описание содержания Web-страницы:

Слайд 8

Таблицы стилей (элемент STYLE)

Слайд 9

Внутренние определяются в части HEAD:

Слайд 10

Тело документа (элемент BODY)

Этот элемент заключает в себе гипертекст, который

определяет собственно Web-страницу. Эта та часть документа, которую разрабатывает автор страницы и которая отображается браузером. Соответственно, конечный тег этого элемента надо искать в конце HTML-файла. Внутри BODY можно использовать все элементы, предназначенные для дизайна Web-страницы. Внутри стартового тега элемента BODY можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком. Рассмотрим их по порядку.

Слайд 11

Один из самых полезных для дизайна — атрибут, определяющий фон страницы.

background ="Путь к файлу фона".
Более простое оформление фона сводится к заданию его цвета: bgcolor = "#RRGGBB".
Поскольку фон страницы может изменяться, необходимо иметь возможность подбирать соответствующий цвет текста. Для этого имеется следующий атрибут:
text = "#RRGGBB" Для задания цвета текста гиперссылок используется атрибут: link = "#RRGGBB" Точно так же можно задать цвет для использованных гиперссылок: vlink = "#RRGGBB" Можно указать изменение цвета для последней выбранной пользователем гиперссылки: alink = "#RRGGBB«

Слайд 12

Заголовки (элементы H1,H2,H3,H4,H5,H6)
<Н1>

Элемент заголовка. Существует шесть уровней заголовков, которые обозначаются

H1, H2, H3, H4, H5, Н6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо:
align = "left"
align = "center"
align = "right"

Слайд 13

Горизонтальная линия (элемент HR)
Элемент не имеет конечного тега, но допускает ряд

атрибутов для выравнивания влево, по центру, вправо, по ширине:
align = "left"
align = "center"
align = "right"
align = "justify«
Можно задать толщину линии: size = Толщина в пикселях
Можно управлять длиной линии: width = Длина в пикселях
width = Длина в процентах %
Можно выбрать цвет: соlоr = "Цвет"

Слайд 14

Задания
Изучите шаблон Web-документа, приведенный в примере 1 и создайте WEB-страницу следующего

вида (цвет фона страницы - lime; встроенная таблица стилей для заголовков первых трех уровней - H1, H2, H3; шрифт - Times New Roman, написание - normal, размеры для H1, H2, H3 соответственно 36pt, 24pt, 14pt; толщина горизонтальных линий - 10, ширина - 50%, 50%, 50%, цвета - RED(красный), GREEN(зеленый), BLUE(синий); указать следующую метаинформацию - имя автора web-страницы и адрес электронной почты)

Слайд 15

Изучите шаблон Web-документа, приведенный в примере 1 и создайте WEB-страницу следующего

вида (цвет фона страницы - BLACK; встроенная таблица стилей для заголовков первых трех уровней - H1, H2, H3; шрифт - Times New Roman, написание - normal, размеры для H1, H2, H3 соответственно 36pt, 32pt, 20pt; толщина горизонтальных линий - 10, ширина - 50%, 50%, 50%, цвета - RED(красный), GREEN(зеленый), BLUE(синий); указать следующую метаинформацию - имя автора web-страницы и приложение, в котором была создана web-страница)

HTML

Содержание

HTML-документ состоит из элементов(тегов), вложенных друг в друга и обычного текста.Тег

Для каждого тега определяется множество возможных атрибутов. Большинство тегов допускает один

Ниже приведен шаблон типичной Web-страницы (пример 1). На его примере мы

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

Текст комментария. Отличительный признак HTML-документа. Область заголовка Web-страницы. Иными словами, ее

Метаинформация (элемент META)<МЕТА>Этот элемент содержит служебную информацию, которая не отображается при

Таблицы стилей (элемент STYLE)

Тело документа (элемент BODY) Этот элемент заключает в себе гипертекст, который