HyperText MarkUP Language

Сентябрь 3, 2022

Главная
Алгебра
HyperText MarkUP Language

Содержание

2. Основные понятия и Структура HTML
3. Структура HTML-документа … шапка … тело
4. Шапка документа (head) заголовок (title, meta) скрипты (script, noscript), стили (style) фреймы (frameset, frame), карты Тело
5. Пример 1.1 Пример 1.1 ссылки рисунки таблицы Данная страница демонстрирует основные возможности HTML
6. ТЭГИ ШАПКИ ДОКУМЕНТА. Заголовок HTML-документа
7. Фреймы Фреймы используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный
8. META Служебная информация, невидимая для пользователя и используемая при индексации поисковыми серверами. Параметры: name - имя
9. ТЭГИ ТЕЛА ДОКУМЕНТА.BODY.
10. Форматирование текста Параметры font: face - тип шрифта; color – цвет; size – размер Пример. …
11. Текстовые блоки Параметр: align - выравнивание содержимого. Значения: left, right, center, [justify]. Пример. ЗАГОЛОВОК посередине ...
12. Блочные и строковые элементы
13. A
14. Типы ссылок. Примеры использования. Ссылка на другую страницу сайта просмотреть фото 2. ссылка на место в
15. Списки Пример
16. Тэг img (Изображения) Параметры: src - адрес файла с изображением. width и height - ширина и
17. ТАБЛИЦЫ A1 B1 A2 B2
18. Параметры таблиц Общие параметры table, td, th: align, valign, border, width, height, bgcolor, background Параметры td
19. Пример colspan. A1 A2 B2
20. Пример rowspan. A1 B1 A2
22. Скачать презентацию

Слайд 2

Основные понятия и Структура HTML

Слайд 3

Структура HTML-документа
… шапка … тело

Слайд 4

Шапка документа (head)
заголовок (title, meta)
скрипты (script, noscript),
стили (style)
фреймы (frameset, frame),

карты
Тело документа (body)
текстовые блоки (h1,…,h6,p,div)
форматирование текста (font, i,b,u,hr,br)
гиперссылки (a)
списки (ul,ol,li)
изображения и др. объекты (img, …)
таблицы (table,tr,td,…)
формы (form, input, …)

Слайд 5

Пример 1.1

Пример 1.1

ссылки

рисунки

таблицы

Данная
страница демонстрирует основные
возможности HTML

Слайд 6

ТЭГИ ШАПКИ ДОКУМЕНТА. Заголовок HTML-документа

Слайд 7

Фреймы
Фреймы используются для разбивки окна браузера на несколько областей, каждая

из которых представляет собой отдельный HTML-документ (фрейм).

frameset фреймовая (оконная) структур документа: размеры и расположение фреймов на странице
frame фрейм и его свойства внутри frameset-структуры
noframes что показывать, если браузер не поддерживает фреймы

Слайд 8

META
Служебная информация, невидимая для пользователя и используемая при индексации поисковыми серверами.

Параметры:
name - имя мета-записи.
http-equiv - имя мета-записи при передачи дополнительной информации
content - значение мета-записи, определенной в name или http-equiv.

Слайд 9

ТЭГИ ТЕЛА ДОКУМЕНТА.BODY.

Слайд 10

Форматирование текста
Параметры font:
face - тип шрифта; color – цвет; size

– размер
Пример. …

Слайд 11

Текстовые блоки
Параметр:
align - выравнивание содержимого.
Значения: left, right, center, [justify].
Пример.

align="center">ЗАГОЛОВОК посередине ...

маленький заголовок

Слайд 12

Блочные и строковые элементы

Слайд 13

A

Слайд 14

Типы ссылок. Примеры использования.
Ссылка на другую страницу сайта
просмотреть фото
2.

ссылка на место в документе история бодибилдинга ...
перейти к разделу:истории
3. ссылка на др. сайт Рамблер
4. ссылка на почтовый адрес
отправить отзыв .

Слайд 15

Списки
Пример

Слайд 16

Тэг img (Изображения)
Параметры:
src - адрес файла с изображением.
width и height -

ширина и высота изображения.
alt – текст вместо изображения
border - ширина рамки
Пример.
девушка

Слайд 17

ТАБЛИЦЫ

A1 B1

A2 B2

Слайд 18

Параметры таблиц
Общие параметры table, td, th:
align, valign, border, width, height, bgcolor,

background
Параметры td и th:
colspan - количество объединенных столбцов (объединение по горизонтали);
rowspan - количество объединенных строк (объединение по вертикали).

Слайд 19

Пример colspan.

A1

A2 B2

Слайд 20

Пример 1.1
ссылки рисунки таблицы	Данная страница демонстрирует основные возможности HTML

HyperText MarkUP Language

Содержание

Основные понятия и Структура HTML

Структура HTML-документа … шапка … тело

Шапка документа (head)заголовок (title, meta)скрипты (script, noscript), стили (style)фреймы (frameset, frame),

Пример 1.1Пример 1.1ссылкирисункитаблицыДаннаястраница демонстрирует основные возможности HTML

ТЭГИ ШАПКИ ДОКУМЕНТА. Заголовок HTML-документа

Фреймы Фреймы используются для разбивки окна браузера на несколько областей, каждая

METAСлужебная информация, невидимая для пользователя и используемая при индексации поисковыми серверами.

ТЭГИ ТЕЛА ДОКУМЕНТА.BODY.

Форматирование текстаПараметры font: face - тип шрифта; color – цвет; size

Текстовые блокиПараметр:align - выравнивание содержимого. Значения: left, right, center, [justify].Пример.

маленький заголовок

Блочные и строковые элементы

A

Типы ссылок. Примеры использования.Ссылка на другую страницу сайтапросмотреть фото 2.

СпискиПример

Тэг img (Изображения)Параметры:src - адрес файла с изображением.width и height -

ТАБЛИЦЫ A1 B1 A2B2

Параметры таблицОбщие параметры table, td, th:align, valign, border, width, height, bgcolor,

Пример colspan. A1 A2B2

Пример rowspan. A1B1 A2

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