TheSlide.ru

HyperText MarkUP Language

Содержание

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

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

Слайды и текст этой презентации

Слайд 1HyperText MarkUP Language

HyperText MarkUP Language

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

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

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

Структура 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, …)

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

Слайд 5
Пример 1.1

Пример 1.1

ссылки
рисунки

href="example8.html">таблицы

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

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

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

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

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

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

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

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

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

серверами.
Параметры:
name - имя мета-записи.
http-equiv - имя мета-записи при

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

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

Слайд 9ТЭГИ ТЕЛА ДОКУМЕНТА.BODY.

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

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

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

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

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

ЗАГОЛОВОК посередине ...
маленький заголовок

Текстовые блокиПараметр:align - выравнивание содержимого. Значения: left, right, center, [justify].Пример. ЗАГОЛОВОК посередине ...маленький заголовок

Слайд 12
Блочные и строковые элементы

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

Слайд 13A

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

2. ссылка на место в документе история бодибилдинга ...
перейти к разделу:

href="#history">истории
3. ссылка на др. сайт Рамблер
4. ссылка на почтовый адрес
отправить отзыв .

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

Слайд 15Списки
Пример

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

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

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

- ширина рамки

Пример.
девушка

девушка

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

Слайд 17ТАБЛИЦЫ
A1 B1

A2B2

ТАБЛИЦЫ A1 B1

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

bgcolor, background

Параметры td и th:
colspan - количество объединенных столбцов

(объединение по горизонтали);
rowspan - количество объединенных строк (объединение по вертикали).

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

Слайд 19Пример colspan.
A1

A2B2

Пример colspan. A1 A2B2

Слайд 20Пример rowspan.
A1

B1

A2

Пример rowspan. A1 B1

Слайд 21Задание для подготовки к лабораторной работе по HTML
Продумать идею сайта

Подготовить материалы: изображения, тексты, …
Разработать структуру сайта из 5-7 страниц

(1 - с формой для отзывов).
Определиться с типами страниц (2-3). Разметить шаблоны.
В сайте должны присутствовать текстовые блоки, элементы форматирования, гиперссылки, списки, таблицы.

Задание для подготовки к лабораторной работе по HTMLПродумать идею сайта Подготовить материалы: изображения, тексты, …Разработать структуру сайта

Скачать презентацию

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

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

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

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно хранить и делиться своими презентациями с другими пользователями.

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