<А HREF ="../index.html>Подняться на один уровень выше <А HREF ="../../index.html>Подняться на два
уровня выше Прямой слэш в начале пути к файлу сообщает браузеру о необходимости начать путь с корневого каталога, имя которого при этом не указывается: <А HREF="/recipes/salmon.html”> Семга с анчоусами
Переход по гиперссылкам
Слайд 7
<А HREF = " tel : 18005551212">3воните нам бесплатно по телефону(800)
555-1212 Если в документе содержатся наборы чисел, которые можно перепутать с телефонными номерами, отключите автоматическое обнаружение телефонного номера, добавив в раздел заголовка:
Ссылки всегда должны быть подчеркнуты. Не следует подчеркивать на html-странице текст,
который не является ссылкой. Цвет, отведенный для ссылок, не должен использоваться для других элементов. Пунктирная ссылка означает, что нажатие на текст произведет некое действие (откроется калькулятор, приедет подсказка), а повторное нажатие вернет все в исходное состояние. Проверка дизайна на правильность проста: если зритель, не притрагиваясь к мыши, может угадать, где ссылка, а где нет, — это правильное оформление.
Слайд 12
Изображения
в HTML
Слайд 13
Изображения
Атрибуты тега: SRC=“images/image1.gif” – адрес вставляемой картинки WIDTH=“300” - ширина изображения в
пикселах HEIGHT=“200” - высота изображения в пикселах
Формат разработан фирмой Microsoft для операционной системы Windows и представляет собой
чрезвычайно простую структуру. Поддерживается всеми графическими редакторами, работающими под управлением этой операционной системы. Способен хранить как индексированный (до 256 цветов), так и RGB-цвет (16,7млн. цветов).
BMP (bitmap)
Слайд 16
256 цветов (палитровое изображение) LZW-компрессия, что позволяет неплохо сжимать файлы, в
которых много однородных заливок (логотипы, надписи, схемы) позволяет записывать изображение «через строчку» (Interlaced) можно назначить один или более цветов прозрачными можно делать анимацию
GIF
Слайд 17
GIF
Слайд 18
GIF
Слайд 19
Анимация
GIF
Слайд 20
GIF
Слайд 21
GIF
Слайд 22
GIF
Слайд 23
Anti-aliasing Dithering
GIF
Слайд 24
наибольшее распространение в цифровой фотографии и для хранения и передачи
изображений с использованием сети Internet малопригоден для сжатия чертежей, текстовой и знаковой графики
JPEG (Joint Photographic Experts Group)
Слайд 25
JPEG
Слайд 26
JPEG
Слайд 27
JPEG
Слайд 28
Слайд 29
Слайд 30
Слайд 31
PNG (Portable Network Graphics)
использует сжатие без потерь Deflate, сходное с LZW используется
чересстрочное воспроизведение поддерживает полупрозрачные пиксели
Слайд 32
PNG
Слайд 33
PNG
Слайд 34
WIDTH=“50%” - ширина изображения в процентах от ширины экрана HEIGHT=“20%” - высота
изображения в процентах от высоты экрана ALT=“Фото любимого кота” - альтернативный графике текст
Атрибуты тега
Слайд 35
Изображение-гиперссылка
Слайд 36
Изображение в качестве фона
Слайд 37
Выравнивание изображений
Слайд 38
Выравнивание изображений
BORDER=“3” - рамка вокруг изображения HSPACE=“15” - отступ вокруг изображения по
горизонтали VSPACE=“10” - отступ вокруг изображения по вертикали
… - размещение изображения и комментария к нему как
единого целого
Рис.1. Мой аватар
Слайд 42
Слайд 43
Pluginspage - адрес страницы в Интернете, откуда можно скачать
и установить плагин к браузеру controls - отобразить элементы управления воспроизведением preload - способ загрузки аудиофайла autoplay - начать воспроизведение сразу же после завершения загрузки страницы loop - повторять воспроизведение
Аудио в HTML 5
Слайд 44
Видео в HTML 5
width, height - размеры области воспроизведения autoplay
- видео начинает воспроизводиться автоматически после загрузки страницы. controls - добавляет панель управления к видеоролику. loop - повторяет воспроизведение видео с начала после его завершения. poster - адрес картинки, которая будет отображаться, пока видео не доступно или не воспроизводится. preload - загрузка видео вместе с загрузкой веб-страницы
Слайд 45
Добро пожаловать!
index.html
Это я, Ваше ФИО. Я из … Учусь в ИКСИ. Немного обо
мне…
Мое рабочее место. Здесь я узнал про теги текста, изображений, гиперссылок.
Презентация "MS Excel : основы работы" - скачать презентации по Информатике
3D-принтер. Принцип действия, виды, назначение
Редактор СМИ
Принципи організації розподілених інформаційних систем на основі баз даних та експертних систем в освіті
Составление разветвляющихся алгоритмов
Тестирование программного обеспечения (Часть 1)
Проект внедрения 1С:Документооборот 8
Создание Web-сайта 
по предмету Информатика» на тему:
Защита персональных данных
Основные понятия компьютерной графики. Средства работы с компьютерной графикой. Графические форматы. Цветовые модели. 
Лекция 2. Синтаксис Java. Простые типы данных. 
Основы алгоритмизации. Подготовка к ГИА. 9 класс 
Электронная регистратура UMSSoft Ltd
Логические основы устройства компьютера
НПК Шаг в будущее
Пакет подготовки презентаций
Вопросы для работы с заявками с сайта. Компания Сертгрупп
Сопровождение корпоративных систем на платформе 1С по SLA для ООО ТД Воронеж +
Интернет в медицине и фармации. Обзор медицинских интернет-ресурсов
Тема 1. Информатика и информация. Основные понятия и определения
Администрирование информационных систем Администрирование БД лекция 5 
Модель даних “сутність-зв’язок”
Сучасні інформаційні технології
Представление информации в компьютере. Тест
Системы управления базами данных (СУБД) MS Access
Синтаксис ООП в С++, примеры классов. Программирование
Аттестационная работа. Методическая разработка исследовательского урока Знакомство с фотоаппаратом