Язык разметки гипертекста

Сентябрь 7, 2022

Главная
Алгебра
Язык разметки гипертекста

Содержание

2. Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые являются базовыми для Internet –
3. Для разметки HTML документа используют теги(флаги разметки). Тег – это определенная последовательность символов, заключенные между знаками
4. HTML-теги HTML-тег напоминает переключатель, с помощью которого вы что-то включаете или выключаете в вашем браузере. Теги
5. Всегда обращайте внимание на порядок расположения тегов: Верно: Неверно: HTML-теги
6. простое название содержание страницы простое название содержание страницы простое название содержание страницы простое название содержание страницы
7. Структура HTML-документа
8. Параметры документа задаются через тег . Параметры – это специальные символьные команды, которые «понимает» браузер. Параметры
9. Заглавие документа Это наш пример!!! Параметры документа: пример
10. Индексирование документы HTML-документы могут содержать набор ключевых слов и других вспомогательных параметров, такие как заглавие, описание
11. Для здания кодировки используется тег META, стоящий в теге HEAD. Атрибуты тега для задания кодировок: Кодировка
12. Заглавие документа Вася Содержание документа: автоматически отображается на Кириллице! Кодировка страницы: пример
13. В HTML существуют специальные теги для заголовков: от Н1 (самого крупного) до Н6 (самого мелкого): Заголовок
14. Bold жирный Italic наклонный Underline подчеркнутый Strikethrough зачеркнутый Bold Italic Underline Strikethrough Bold & Italic Стили
15. Шрифт задаётся тегом FONT. Цвет, размер и шрифт выбраны. Шрифт
16. Неразрывный пробел –   (non-breaking space). Перенос строки – Размещение текста в том виде, в котором
17. Верхний индекс - тег SUP, а нижний - SUB. X 3 A 3 Верхние и нижние
18. Тег нового абзаца Значение CENTER - центрирование Значение RIGHT - выравнивание по правому краю. Значение LEFT
19. Графика на Web-страницах На Web-страницах возможно размещать графическую информацию. Желаемым условием графики в сети является небольшой
20. Для публикаций изображений используется тег IMG: Графика на Web-страницах
21. Картинку можно разместить справа от текста... Графика на Web-страницах: пример
22. Атрибут ALIGN дает возможность разместить текст на Web-странице между двумя изображениями... Графика на Web-страницах: пример
23. Этот текст выровнен по верхней кромке изображения Графика на Web-страницах: пример Этот текст выровнен по средней
24. Графика на Web-страницах: пример HSPACE=30 VSPACE=30>
25. Ссылки на Web-страницах Ссылки служат для перехода с одной страницы на другую, перенаправление по протоколам ссылок
26. Ссылки на Web-страницах
27. Ссылки на Web-страницах
28. Ссылки на Web-страницах
29. Списки на Web-страницах Атрибут TYPE позволяет изменить вид маркера: Раз Два Три Четыре Пять
30. Списки на Web-страницах Атрибут TYPE позволяет изменить стиль нумерации: Раз Два Три Четыре Пять
31. Списки на Web-страницах Атрибуты START и VALUE позволяют изменить порядок нумерации списка: START – дает возможность
32. Списки на Web-страницах Список с несколькими уровнями вложенности: форматирование текста жирность; наклон; цвет работа с абзацами
34. Скачать презентацию

Слайд 2

Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые

являются базовыми для Internet – TCP (Transmission Control Protocol – транспортный протокол) и IP (Internet Protocol – протокол маршрутизации).
HyperText Markup Language – язык разметки гипертекста
Гипертекст – это своего рода нелинейное письмо, линейность которого нарушается применением гиперссылок.

История языка HTML

Слайд 3

Для разметки HTML документа используют теги(флаги разметки).
Тег – это определенная последовательность

символов, заключенные между знаками <(больше) и >(меньше).
< - начало тега
> - конец тега
ПРИМЕР:
и
Флаги бывают парные и непарные, открывающие и закрывающие. Отличительный признак закрывающего флага символ /

Теги

Слайд 4

HTML-теги
HTML-тег напоминает переключатель, с помощью которого вы что-то включаете или выключаете

в вашем браузере.
Теги могут быть написаны заглавными и строчными буквами. Наиболее мудро в тегах использовать заглавные буквы, чтобы они выделялись в тексте.
...
Теги, в основном, используются попарно. Открывающий тег включает, закрывающий тег выключает.
...
Иногда теги имеют один или несколько атрибутов. Атрибуты предоставляют дополнительную информацию для браузера. Тег говорит браузеру ЧТО делать, а атрибут говорит КАК это делать.
...

Слайд 5

Всегда обращайте внимание на порядок расположения тегов:
Верно:

Неверно:

HTML-теги

Слайд 6

простое название
содержание страницы
простое название
содержание страницы
простое название
содержание страницы

простое название

содержание страницы

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

Слайд 7

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

Слайд 8

Параметры документа задаются через тег .
Параметры – это специальные символьные

команды, которые «понимает» браузер.

Параметры документа

Слайд 9

Заглавие документа

Это наш пример!!!

Параметры документа:

пример

Слайд 10

Индексирование документы
HTML-документы могут содержать набор ключевых слов и других вспомогательных параметров,

такие как заглавие, описание сайта, авторство для индексирования и лучшего нахождения поисковыми системами страницы. Эти параметры обозначены в META-тегах.

Слайд 11

Для здания кодировки используется тег META, стоящий в теге HEAD. Атрибуты

тега для задания кодировок:

Кодировка страницы

Слайд 12

дизайн, htm, html">
Заглавие документа

Вася
Содержание документа: автоматически отображается на Кириллице!

Кодировка страницы: пример

Слайд 13

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

до Н6 (самого мелкого):

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

Заголовки

Слайд 14

Bold жирный
Italic наклонный
Underline подчеркнутый
Strikethrough зачеркнутый

Bold
Italic
Underline
Strikethrough

Bold & Italic

Стили текста

~~Слайд 15~~

Шрифт задаётся тегом FONT.

SIZE="4" COLOR="green">
Цвет, размер и шрифт выбраны.

Шрифт

~~Слайд 16~~

Неразрывный пробел – (non-breaking space). Перенос строки –
Размещение

текста в том виде, в котором он представлен –
...

Пример:

Предварительное форматирование текста
// * //

Mitsubishi Galant
Mitsubishi Galant.
Начало нового абзаца!

Предварительное форматирование

~~Слайд 17~~

Верхний индекс - тег SUP, а нижний - SUB.

X³
A₃

Верхние

~~и нижние индексы~~

~~Слайд 18~~

Тег нового абзаца

Значение CENTER - центрирование

Значение RIGHT -

выравнивание по правому краю.

Значение LEFT - выравнивание по левому краю

Выравнивание

~~Слайд 19~~

Графика на Web-страницах
На Web-страницах возможно размещать графическую информацию.
Желаемым условием графики

~~в сети является небольшой размер файлов, наиболее часто реализуется в форматах GIF и JPEG.~~

~~Слайд 20~~

Для публикаций изображений используется тег IMG:

BORDER="2" ALT="Бабочка" align="right">

Графика на Web-страницах

~~Слайд 21~~

Картинку можно разместить справа от

текста...
Графика на Web-страницах: пример

~~Слайд 22~~

Атрибут ALIGN дает возможность разместить

текст на Web-странице между двумя изображениями...
Графика на Web-страницах: пример

~~Слайд 23~~

Этот текст выровнен по верхней кромке изображения
Графика на Web-страницах:

пример

Этот текст выровнен по средней оси изображения

Этот текст выровнен по нижней кромке изображения

~~Слайд 24~~

Графика на Web-страницах: пример
HSPACE=30 VSPACE=30>

~~Слайд 25~~

Ссылки на Web-страницах
Ссылки служат для перехода с одной страницы на другую,

перенаправление по протоколам ссылок и прочее.
Реализуются с помощью тега A.

~~Слайд 26~~

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

~~Слайд 27~~

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

~~Слайд 28~~

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

~~Слайд 29~~

Списки на Web-страницах
Атрибут TYPE позволяет изменить вид маркера:

Раз

Два

~~Три~~

Четыре

Пять

~~Слайд 30~~

Списки на Web-страницах
Атрибут TYPE позволяет изменить стиль нумерации:

Раз

Два

~~Три~~

Четыре

Пять

~~Слайд 31~~

Списки на Web-страницах
Атрибуты START и VALUE позволяют изменить порядок нумерации списка:
START

– дает возможность присвоить начальному элементу номер, отличный от 1;
VALUE – принудительно назначает элементу произвольный номер.

Иванов

Сидоров

Пупкин

~~Слайд 32~~

Списки на Web-страницах
Список с несколькими уровнями вложенности:

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

жирность;

наклон;

цвет

работа с абзацами

Язык разметки гипертекста

Содержание

Появление HTML пришлось на начало 90-х годов благодаря двум протоколам, которые

Для разметки HTML документа используют теги(флаги разметки).Тег – это определенная последовательность

HTML-тегиHTML-тег напоминает переключатель, с помощью которого вы что-то включаете или выключаете

Всегда обращайте внимание на порядок расположения тегов: Верно: Неверно: HTML-теги

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

Параметры документа задаются через тег . Параметры – это специальные символьные

Заглавие документаЭто наш пример!!! Параметры документа:

Индексирование документыHTML-документы могут содержать набор ключевых слов и других вспомогательных параметров,

Для здания кодировки используется тег META, стоящий в теге HEAD. Атрибуты

дизайн, htm, html">Заглавие документаВасяСодержание документа: автоматически отображается на Кириллице!Кодировка страницы: пример

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

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

Bold жирный Italic наклонный Underline подчеркнутый Strikethrough зачеркнутый Bold Italic Underline Strikethrough

Шрифт задаётся тегом FONT.

Неразрывный пробел – (non-breaking space). Перенос строки – Размещение

Верхний индекс - тег SUP, а нижний - SUB. X3A3 Верхние

Тег нового абзаца Значение CENTER - центрированиеЗначение RIGHT -

Графика на Web-страницахНа Web-страницах возможно размещать графическую информацию. Желаемым условием графики

Для публикаций изображений используется тег IMG:

Картинку можно разместить справа от

Атрибут ALIGN дает возможность разместить

Этот текст выровнен по верхней кромке изображенияГрафика на Web-страницах:

Графика на Web-страницах: примерHSPACE=30 VSPACE=30>

Ссылки на Web-страницахСсылки служат для перехода с одной страницы на другую,

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

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

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

Списки на Web-страницахАтрибут TYPE позволяет изменить вид маркера: Раз Два

Списки на Web-страницахАтрибут TYPE позволяет изменить стиль нумерации: Раз Два

Списки на Web-страницахАтрибуты START и VALUE позволяют изменить порядок нумерации списка:START

Списки на Web-страницахСписок с несколькими уровнями вложенности: форматирование текста жирность;

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

Для разметки HTML документа используют теги(флаги разметки).
Тег – это определенная последовательность

HTML-теги
HTML-тег напоминает переключатель, с помощью которого вы что-то включаете или выключаете

Всегда обращайте внимание на порядок расположения тегов:
Верно:

Неверно:

HTML-теги

Параметры документа задаются через тег .
Параметры – это специальные символьные

Заглавие документа

Это наш пример!!!

Параметры документа:

Индексирование документы
HTML-документы могут содержать набор ключевых слов и других вспомогательных параметров,

дизайн, htm, html">
Заглавие документа

Вася
Содержание документа: автоматически отображается на Кириллице!

Кодировка страницы: пример

Bold жирный
Italic наклонный
Underline подчеркнутый
Strikethrough зачеркнутый

Bold
Italic
Underline
Strikethrough

Неразрывный пробел – (non-breaking space). Перенос строки –
Размещение

Верхний индекс - тег SUP, а нижний - SUB.

X³
A₃

Верхние

Тег нового абзаца

Значение CENTER - центрирование

Значение RIGHT -

Графика на Web-страницах
На Web-страницах возможно размещать графическую информацию.
Желаемым условием графики

Этот текст выровнен по верхней кромке изображения
Графика на Web-страницах:

Графика на Web-страницах: пример
HSPACE=30 VSPACE=30>

Ссылки на Web-страницах
Ссылки служат для перехода с одной страницы на другую,

Списки на Web-страницах
Атрибут TYPE позволяет изменить вид маркера:

Раз

Два

Списки на Web-страницах
Атрибут TYPE позволяет изменить стиль нумерации:

Раз

Два

Списки на Web-страницах
Атрибуты START и VALUE позволяют изменить порядок нумерации списка:
START

Списки на Web-страницах
Список с несколькими уровнями вложенности:

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

жирность;