локальные (ссылки на другие страницы, расположенные на одном сервере со
страницей, содержащей ссылки)
Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Язык разметки гипертекста
Содержание
- 1. Язык разметки гипертекста
- 2. Организация гиперссылкиСуществует три типа гиперссылок:ВнутренниеВнешние или удаленные
- 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
- 19. Представление цвета в HTML Синий. Синий.
- 20. Скачать презентанцию
Организация гиперссылкиСуществует три типа гиперссылок:ВнутренниеВнешние или удаленные (другие Web-сервера)Относительные или локальные (ссылки на другие страницы, расположенные на одном сервере со страницей, содержащей ссылки)
Слайды и текст этой презентации
Слайд 2Организация гиперссылки
Существует три типа гиперссылок:
Внутренние
Внешние или удаленные (другие Web-сервера)
Относительные или
Слайд 3URL – (Universal Resource Locator) универсальный указатель ресурса
Например: http://mu-mu.ru/gerasim.htm
Здесь:
Запись
URL в общем виде:
протокол://имяСервера.имяДомена/путь
Слайд 4Организация гиперссылки
Текст ссылки
Запись элемента в общем виде:
Пример:
Внешний вид документа
с ссылкой:
Поисковая система Аппорт
Поисковая система Аппорт
Слайд 5Создание внутренних ссылок
Пример:
рецепты тортов- коллекция
HREF=“#торт”>рецепты тортов
……………….
Слайд 8Ссылки на адреса электронной почты
кафедра ВТ и ИТ
Адрес состоит:
имя_пользователя, @, имени компьютера, доменного имени
Слайд 9Работа с изображениями
Для обозначения изображения используется формат
. gif, .bmp,
.jpeg
Встроенное изображение
Плавающее изображение
Слайд 10Работа с изображениями
Для обозначения изображения используется тег :
SRC=“leo1.gif”>
Пример:
Тег изображения имеет один обязательный атрибут SRC (SouRCe, источник) и
необязательные атрибуты: ALIGN;
ALT;
HSPACE;
VSPACE;
WIDTH;
HEIGHT;
BORDER;
USEMAP.
Запись элемента в общем виде:
Закрывать этот тег не нужно.
Слайд 12Атрибуты тега изображения
Использование атрибута ALT:
Позволяет указать текст, который будет
выводиться вместо изображения браузерами, неспособными представлять графику. В некоторых случаях
при недостаточной пропускной способности линий связи пользователи отключают отображение графики. Наличие названий вместо картинок облегчает восприятие Web-страниц в таком режиме.
Слайд 13Поле вокруг изображений
Использование атрибутов HSPACE, VSPACE:
Атрибут HSPACE
Целочисленное значение этого атрибута
(в пикселах) задает горизонтальное расстояние между вертикальной границей страницы и
изображением, а также между изображением и огибающим его текстом.Атрибут VSPACE
Целочисленное значение этого атрибута (в пикселах) задает вертикальное расстояние между строками текста и изображением.
Слайд 14Атрибуты тега изображения
Использование атрибутов WIDTH, HEIGHT :
Оба атрибута задают
целочисленные значения размеров изображения по горизонтали и по вертикали соответственно
(в пикселах). Это позволяет уменьшить время загрузки страницы с графикой. Браузер сразу отводит рамку для изображения и продолжает загружать текст на страницу.
Слайд 15Обтекание изображений текстом
Для определения способа обтекания текста вокруг изображения
используется
:
Удалить текст справа от изображения и поместить
его под изображением Удалить текст слева и справа от изображения и размещение его внизу
Удалить текст слева от изображения и поместить его под изображением
:
