предпочтительные –
Для фотографий лучше использовать формат JPEG
Для рисунков и пиктограмм
- GIF .GIF
.JPEG или .PNG
Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Изображения в HTML-документе
Содержание
- 1. Изображения в HTML-документе
- 2. Современные браузеры могут работать с различными форматами
- 3. Тег
- 4. Атрибуты src – определяет само изображение. align
- 5. Обтекание изображения текстом Значения left
- 6. Душный зной над океаном, Небеса без облаков;
- 7. Душный зной над океаном, Небеса без облаков;
- 8. Я.П. Полонский. Тишь Душный зной над океаном, Небеса без облаков;
- 9. Можно поместить картинки одновременно по обеим сторонам
- 10. Примечания:Обе картинки имеют значение атрибута width="25%" ,
- 11. БайкалТузикШарик
- 12. Таблицы в HTML-документе
- 13. Тег - создает таблицу. Все прочие элементы
- 14. … … …
- 15. Атрибуты для тэга Align выравнивание таблицы
- 16. Заголовок столбца 1Заголовок столбца 2
- 17. Вид в браузере:
- 18. Таблица Звери
- 19. Скачать презентанцию
Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные –Для фотографий лучше использовать формат JPEGДля рисунков и пиктограмм - GIF .GIF .JPEG или .PNG
Слайды и текст этой презентации
Слайд 2Современные браузеры могут работать с различными форматами изображений, но наиболее
предпочтительные –
- GIF
Слайд 4Атрибуты
src – определяет само изображение.
align – выравнивание.
border
- устанавливает ширину рамку вокруг изображения.
height, width – высота и
ширина изображения в пикселях. hspace, vspace – задают расстояние в пикселях между картинкой и текстом по вертикали и горизонтали
Слайд 5Обтекание изображения текстом
Значения left и right атрибута
align помещают изображение у левого или правого края документа. Затем
браузер выводит оставшееся содержание документа в свободное пространство, смежное с изображением, ⇨ текст обтекает изображение.
Слайд 9Можно поместить картинки одновременно по обеим сторонам документа. В этом
случае картинки задаются перед текстом.
border="0" align="left">
Кошки очень забавные животные.
Они создают уют в доме, радуют нас.
Слайд 10Примечания:
Обе картинки имеют значение атрибута width="25%" , но правая картинка
заметно меньше левой. Это происходит потому, что 25% для правой
картинку вычисляются от ширины, оставшейся после вывода левой картинки, т.е., от 75% ширины окна браузера.Для того, чтобы текст выводился после всех картинок, а не между ними, используем
Слайд 13Тег
- создает таблицу. Все прочие элементы таблицы –
текст, рисунки, списки - должны быть вложенными в него. Допускается
также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателенТег
- описывает строки таблицы.
Тег
- описывает заголовок таблицы.
Тег
- описывает столбцы (ячейки таблицы).
Слайд 15Атрибуты для тэга
Align выравнивание таблицы относительно документа. Возможные
значения: center, left, right
Valign - выравнивает текст в таблице
по вертикали. Значения: top, bottom, middle, baseline.background=“имя файла“ строка, определяющая рисунок для заднего фона таблицы
bgcolor =цвет определяет задний фон таблицы
border толщина внешней рамки в пикселях. Если атрибут не указан, то таблица выводится без видимой рамки
bordercolor =цвет цвет рамки
width = число ширина таблицы в процентах или пикселях
height = число рекомендуемая высота таблицы только в пикселях
Слайд 16
Заголовок столбца 1
Заголовок столбца 2
Ячейка столбца 1, ряд 1
Ячейка столбца 2, ряд
1Ячейка столбца 1, ряд 2
Ячейка столбца 2, ряд 2
