Разделы презентаций


Изображения в HTML-документе

Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные –Для фотографий лучше использовать формат JPEGДля рисунков и пиктограмм - GIF .GIF .JPEG или .PNG

Слайды и текст этой презентации

Слайд 1Изображения
в HTML-документе

Изображения в HTML-документе

Слайд 2Современные браузеры могут работать с различными форматами изображений, но наиболее

предпочтительные –
Для фотографий лучше использовать формат JPEG
Для рисунков и пиктограмм

- GIF

.GIF

.JPEG или .PNG

Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные –Для фотографий лучше использовать формат JPEGДля

Слайд 3




Тег



Тег

Слайд 4Атрибуты

src – определяет само изображение.
align – выравнивание.
border

- устанавливает ширину рамку вокруг изображения.
height, width – высота и

ширина изображения в пикселях.
hspace, vspace – задают расстояние в пикселях между картинкой и текстом по вертикали и горизонтали


Атрибуты src – определяет само изображение. align – выравнивание. border - устанавливает ширину рамку вокруг изображения.height, width

Слайд 5Обтекание изображения текстом
Значения left и right атрибута

align помещают изображение у левого или правого края документа. Затем

браузер выводит оставшееся содержание документа в свободное пространство, смежное с изображением, ⇨ текст обтекает изображение.


Обтекание изображения текстом   Значения left и right атрибута align помещают изображение у левого или правого

Слайд 6
Душный зной над океаном,


Небеса без облаков;

Душный зной над океаном, Небеса без облаков;

Слайд 7
Душный зной над океаном,


Небеса без облаков;

Душный зной над океаном, Небеса без облаков;

Слайд 8 Я.П. Полонский. Тишь

hspace=10>
Душный зной над океаном,

Небеса без облаков;

Я.П. Полонский. Тишь  Душный зной над океаном, Небеса без облаков;

Слайд 9Можно поместить картинки одновременно по обеим сторонам документа. В этом

случае картинки задаются перед текстом.

border="0" align="left">



Кошки очень забавные животные.


Они создают уют в доме, радуют нас.

Можно поместить картинки одновременно по обеим сторонам документа. В этом случае картинки задаются перед текстом. Кошки очень

Слайд 10Примечания:
Обе картинки имеют значение атрибута width="25%" , но правая картинка

заметно меньше левой. Это происходит потому, что 25% для правой

картинку вычисляются от ширины, оставшейся после вывода левой картинки, т.е., от 75% ширины окна браузера.
Для того, чтобы текст выводился после всех картинок, а не между ними, используем

Примечания:Обе картинки имеют значение атрибута width=

Слайд 11
Байкал


height=200 hspace=20 vspace=20>
Тузик



Шарик


БайкалТузикШарик

Слайд 12Таблицы
в HTML-документе

Таблицы в HTML-документе

Слайд 13Тег
- создает таблицу. Все прочие элементы таблицы –

текст, рисунки, списки - должны быть вложенными в него. Допускается

также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен

Тег

- описывает строки таблицы.

Тег

- описывает заголовок таблицы.

Тег

- описывает столбцы (ячейки таблицы).

Тег - создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в

Слайд 14










…						…	…

Слайд 15Атрибуты для тэга
Align выравнивание таблицы относительно документа. Возможные

значения: center, left, right
Valign - выравнивает текст в таблице

по вертикали. Значения: top, bottom, middle, baseline.
background=“имя файла“ строка, определяющая рисунок для заднего фона таблицы
bgcolor =цвет определяет задний фон таблицы
border толщина внешней рамки в пикселях. Если атрибут не указан, то таблица выводится без видимой рамки
bordercolor =цвет цвет рамки
width = число ширина таблицы в процентах или пикселях
height = число рекомендуемая высота таблицы только в пикселях

Атрибуты для тэга Align  выравнивание таблицы относительно документа. Возможные значения: center, left, right Valign - выравнивает

Слайд 16

Заголовок столбца 1
Заголовок столбца 2




Ячейка столбца 1, ряд 1
Ячейка столбца 2, ряд

1


Ячейка столбца 1, ряд 2
Ячейка столбца 2, ряд 2


Заголовок столбца 1Заголовок столбца 2  Ячейка столбца 1, ряд 1Ячейка столбца 2, ряд 1

Слайд 17Вид в браузере:

Вид в браузере:

Слайд 18 Таблица Звери

align=“center”>




Морской котик





Жирафы




Леопард



Таблица Звери       		     			Морской котик

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика