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

Сентябрь 3, 2022

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

Содержание

2. Организация гиперссылки Существует три типа гиперссылок: Внутренние Внешние или удаленные (другие Web-сервера) Относительные или локальные (ссылки
3. URL – (Universal Resource Locator) универсальный указатель ресурса Например: http://mu-mu.ru/gerasim.htm Здесь: Запись URL в общем виде:
4. Организация гиперссылки Текст ссылки Запись элемента в общем виде: Пример: Внешний вид документа с ссылкой: Поисковая
5. Создание внутренних ссылок Пример: рецепты тортов- коллекция рецепты тортов ……………….
6. Ссылки на ресурсы мультимедиа .mid, .wav, .txt Пример: здесь
7. Ссылки на адреса электронной почты здесь
8. Ссылки на адреса электронной почты кафедра ВТ и ИТ Адрес состоит: имя_пользователя, @, имени компьютера, доменного
9. Работа с изображениями Для обозначения изображения используется формат . gif, .bmp, .jpeg Встроенное изображение Плавающее изображение
10. Работа с изображениями Для обозначения изображения используется тег : Пример: Тег изображения имеет один обязательный атрибут
11. Выравнивание текста относительно изображения Использование атрибута ALIGN:
12. Атрибуты тега изображения Использование атрибута ALT: Позволяет указать текст, который будет выводиться вместо изображения браузерами, неспособными
13. Поле вокруг изображений Использование атрибутов HSPACE, VSPACE: Атрибут HSPACE Целочисленное значение этого атрибута (в пикселах) задает
14. Атрибуты тега изображения Использование атрибутов WIDTH, HEIGHT : Оба атрибута задают целочисленные значения размеров изображения по
15. Обтекание изображений текстом Для определения способа обтекания текста вокруг изображения используется : Удалить текст справа от
16. Изображение в качестве гипертекстовых ссылок Для обозначения изображения как гипертекстовой метки используется тот же тег ,
17. Представление цвета в HTML
18. Представление цвета в HTML
20. Скачать презентацию

Слайд 2

Организация гиперссылки
Существует три типа гиперссылок:
Внутренние
Внешние или удаленные (другие Web-сервера)
Относительные или локальные

(ссылки на другие страницы, расположенные на одном сервере со страницей, содержащей ссылки)

Слайд 3

URL – (Universal Resource Locator) универсальный указатель ресурса
Например: http://mu-mu.ru/gerasim.htm
Здесь:
Запись URL

в общем виде:

протокол://имяСервера.имяДомена/путь

Слайд 4

Организация гиперссылки
<А HREF=“Адрес”>Текст ссылки
Запись элемента в общем виде:
Пример:
Внешний вид документа с

ссылкой:

<А HREF=“http://www.aport.ru”>Поисковая система Аппорт
Поисковая система Аппорт

Слайд 5

Создание внутренних ссылок
<А NAME= “значение”>
Пример:
<А NAME= “торт”>рецепты тортов- коллекция
<А HREF=“#торт”>рецепты

тортов
……………….

Слайд 6

Ссылки на ресурсы мультимедиа
.mid, .wav, .txt
Пример:
<А HREF=“песня.mid”>здесь

Слайд 7

Ссылки на адреса электронной почты
<А HREF=“песня.mid”>здесь

Слайд 8

Ссылки на адреса электронной почты
<А HREF=“mailto:kvtit@mail.ru”> кафедра ВТ и ИТ
Адрес состоит: имя_пользователя,

@, имени компьютера, доменного имени

Слайд 9

Работа с изображениями
Для обозначения изображения используется формат . gif, .bmp, .jpeg
Встроенное

изображение
Плавающее изображение

Слайд 10

Работа с изображениями

Для обозначения изображения используется тег :

Пример:
Тег

изображения имеет один обязательный атрибут SRC (SouRCe, источник) и необязательные атрибуты:

ALIGN;
ALT;
HSPACE;
VSPACE;

WIDTH;
HEIGHT;
BORDER;
USEMAP.

Запись элемента в общем виде:

Закрывать этот тег не нужно.

Слайд 11

Выравнивание текста относительно изображения
Использование атрибута ALIGN:

Слайд 12

Атрибуты тега изображения
Использование атрибута ALT:
Позволяет указать текст, который будет выводиться

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

“изображение”

Слайд 13

Поле вокруг изображений
Использование атрибутов HSPACE, VSPACE:
Атрибут HSPACE
Целочисленное значение этого атрибута (в

пикселах) задает горизонтальное расстояние между вертикальной границей страницы и изображением, а также между изображением и огибающим его текстом.
Атрибут VSPACE
Целочисленное значение этого атрибута (в пикселах) задает вертикальное расстояние между строками текста и изображением.

Слайд 14

Атрибуты тега изображения
Использование атрибутов WIDTH, HEIGHT :
Оба атрибута задают целочисленные

значения размеров изображения по горизонтали и по вертикали соответственно (в пикселах). Это позволяет уменьшить время загрузки страницы с графикой. Браузер сразу отводит рамку для изображения и продолжает загружать текст на страницу.

Слайд 15

Обтекание изображений текстом
Для определения способа обтекания текста вокруг изображения используется

Удалить текст справа от изображения и поместить его под изображением

Удалить текст слева и справа от изображения и размещение его внизу

Удалить текст слева от изображения и поместить его под изображением
:

Слайд 16

Изображение в качестве гипертекстовых ссылок
Для обозначения изображения как гипертекстовой метки

используется тот же тег , что и для текста, но между и вставляется тег изображения :

При этом изображение, используемое в качестве гипертекстовой ссылки, обводится дополнительной рамкой.

Слайд 17

Представление цвета в HTML

Слайд 18

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

Содержание

Организация гиперссылкиСуществует три типа гиперссылок:ВнутренниеВнешние или удаленные (другие Web-сервера)Относительные или локальные

URL – (Universal Resource Locator) универсальный указатель ресурса Например: http://mu-mu.ru/gerasim.htmЗдесь:Запись URL

Организация гиперссылки<А HREF=“Адрес”>Текст ссылкиЗапись элемента в общем виде:Пример:Внешний вид документа с

Создание внутренних ссылок<А NAME= “значение”>Пример:<А NAME= “торт”>рецепты тортов- коллекция <А HREF=“#торт”>рецепты

Ссылки на ресурсы мультимедиа.mid, .wav, .txtПример:<А HREF=“песня.mid”>здесь

Ссылки на адреса электронной почты<А HREF=“песня.mid”>здесь

Ссылки на адреса электронной почты<А HREF=“mailto:kvtit@mail.ru”> кафедра ВТ и ИТАдрес состоит: имя_пользователя,

Работа с изображениямиДля обозначения изображения используется формат . gif, .bmp, .jpegВстроенное

Работа с изображениямиДля обозначения изображения используется тег :Пример:Тег

Выравнивание текста относительно изображенияИспользование атрибута ALIGN:

Атрибуты тега изображения Использование атрибута ALT: Позволяет указать текст, который будет выводиться

Поле вокруг изображенийИспользование атрибутов HSPACE, VSPACE: Атрибут HSPACEЦелочисленное значение этого атрибута (в

Атрибуты тега изображения Использование атрибутов WIDTH, HEIGHT : Оба атрибута задают целочисленные

Обтекание изображений текстом Для определения способа обтекания текста вокруг изображения используется

Изображение в качестве гипертекстовых ссылок Для обозначения изображения как гипертекстовой метки

Представление цвета в HTML

Представление цвета в HTML

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

Организация гиперссылки
Существует три типа гиперссылок:
Внутренние
Внешние или удаленные (другие Web-сервера)
Относительные или локальные

URL – (Universal Resource Locator) универсальный указатель ресурса
Например: http://mu-mu.ru/gerasim.htm
Здесь:
Запись URL

Организация гиперссылки
<А HREF=“Адрес”>Текст ссылки
Запись элемента в общем виде:
Пример:
Внешний вид документа с

Создание внутренних ссылок
<А NAME= “значение”>
Пример:
<А NAME= “торт”>рецепты тортов- коллекция
<А HREF=“#торт”>рецепты

Ссылки на ресурсы мультимедиа
.mid, .wav, .txt
Пример:
<А HREF=“песня.mid”>здесь

Ссылки на адреса электронной почты
<А HREF=“песня.mid”>здесь

Ссылки на адреса электронной почты
<А HREF=“mailto:kvtit@mail.ru”> кафедра ВТ и ИТ
Адрес состоит: имя_пользователя,

Работа с изображениями
Для обозначения изображения используется формат . gif, .bmp, .jpeg
Встроенное

Работа с изображениями

Для обозначения изображения используется тег :

Пример:
Тег

Выравнивание текста относительно изображения
Использование атрибута ALIGN:

Атрибуты тега изображения
Использование атрибута ALT:
Позволяет указать текст, который будет выводиться

Поле вокруг изображений
Использование атрибутов HSPACE, VSPACE:
Атрибут HSPACE
Целочисленное значение этого атрибута (в

Атрибуты тега изображения
Использование атрибутов WIDTH, HEIGHT :
Оба атрибута задают целочисленные

Обтекание изображений текстом
Для определения способа обтекания текста вокруг изображения используется

Изображение в качестве гипертекстовых ссылок
Для обозначения изображения как гипертекстовой метки