Навигация:

Главная Случайная страница Обратная связь ТОП Интересно знать Избранные Новые материалы

Топ:

Особенности труда и отдыха в условиях низких температур: К работам при низких температурах на открытом воздухе и в не отапливаемых помещениях допускаются лица не моложе 18 лет, прошедшие...

Характеристика АТП и сварочно-жестяницкого участка: Транспорт в настоящее время является одной из важнейших отраслей народного...

Динамика и детерминанты показателей газоанализа юных спортсменов в восстановительном периоде после лабораторных нагрузок до отказа...

Интересное:

Берегоукрепление оползневых склонов: На прибрежных склонах основной причиной развития оползневых процессов является подмыв водами рек естественных склонов...

Уполаживание и террасирование склонов: Если глубина оврага более 5 м необходимо устройство берм. Варианты использования оврагов для градостроительных целей...

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

Дисциплины:

Автоматизация Антропология Археология Архитектура Аудит Биология Бухгалтерия Военная наука Генетика География Геология Демография Журналистика Зоология Иностранные языки Информатика Искусство История Кинематография Компьютеризация Кораблестроение Кулинария Культура Лексикология Лингвистика Литература Логика Маркетинг Математика Машиностроение Медицина Менеджмент Металлургия Метрология Механика Музыкология Науковедение Образование Охрана Труда Педагогика Политология Правоотношение Предпринимательство Приборостроение Программирование Производство Промышленность Психология Радиосвязь Религия Риторика Социология Спорт Стандартизация Статистика Строительство Теология Технологии Торговля Транспорт Фармакология Физика Физиология Философия Финансы Химия Хозяйство Черчение Экология Экономика Электроника Энергетика Юриспунденкция

Размещение изображений на Web-страницах

2017-06-13

450

0.00 из 5.00 0 оценок

Заказать работу

Содержание

⇐ ПредыдущаяСтр 7 из 9Следующая ⇒

Для вставки изображения в текст Web-страницы используется одинарный тег <IMG> (табл. П 1). Атрибуты этого тега задают все параметры изображения, размещаемого на странице. Обязательным является атрибут SRC, определяющий адрес и имя графического файла. Если атрибут SRC не установлен, то будет отображаться только значок пустого изображения.

Структура тега <IMG> с атрибутом SRC имеет вид:

<IMG SRC = "Адрес и имя файла">.

Если графический файл с именем Институт находится в той же папке, что и Web-страница, то для его размещения следует записать:

<IMG SRC = "Институт.JPG">.

Имя файла Формат

Для размещения графического файла с именем МИНСК, нахо-дящегося по адресу D:\Коллекция\Города\ МИНСК.GIF, следует записать <IMG SRC = "D:\Коллекция\Города\ МИНСК.GIF">.

С помощью тега <IMG SRC = "URL-адрес файла"> на Web-странице размещается графический файл, находящийся на другом компьютере в глобальной сети «Интернет».

Чтобы создать Web-страницу с фотографией нашего института, которая приведена на рис. 4.1, нужно ввести следующий HTML-код:

<HTML>

<HEAD>

<TITLE> Web-страница с фотографией </TITLE>

</HEAD>

<BODY>

<H2 ALIGN = "CENTER"> Наш институт </H2>

</Р>

</BODY>

</HTML>

Рис. 4.1. Web-страница с фотографией института

В приведенном примере высота фотографии (HEIGHT) составляет 200 пикселей, а ширина (WIDTH) – 300 пикселей. Для размещения фотографии создается абзац с выравниванием по центру.

Горизонтальные линии

Размещение на Web-странице горизонтальных линий осуществляется с помощью одинарного тега <HR>. С помощью атрибутов SIZE, WIDTH,COLOR и ALIGN изменяются соответственно толщина, ширина, цвет и способ выравнивания линий.

Рассмотрим несколько примеров, поясняющих размещение гори-зонтальных линий:

1. <HR> - горизонтальная линия на всю страницу толщиной 2 пикселя.

2. <HR COLOR = "GREEN" SIZE = "15"

WIDTH = "200" ALIGN="RIGHT"> – горизонтальная линия зеленого цвета толщиной 15 пикселей, шириной 200 пикселей и вырав-ниванием по правому краю.

3. <HR COLOR = "BLUE" SIZE = "25"> – горизонтальная линия синего цвета на всю страницу толщиной 25 пикселей.

4. <HR COLOR = "RED" SIZE = "20"

WIDTH = "300" ALIGN = "LEFT"> – горизонтальная линия красного цвета толщиной 20 пикселей, шириной 300 пикселей и выравниванием по левому краю.

Отображение линий для четырех записанных примеров показано на рис. 4.2.

Рис. 4.2. Линии на Web-странице

ТАБЛИЦЫ

Создание таблиц

Создание таблицы осуществляется с помощью парного тега <TABLE> … </TABLE >. Этот тег создает таблицу в том месте, где он добавлен
в коде HTML.

Любая таблица состоит из строк, а строки – из ячеек. Для фор-мирования строк и ячеек таблицы используются следующие теги:

<TR>... </TR> – новая строка;

<TH>... </TH> – ячейка заголовка;

<TD>... </TD> – обычная ячейка таблицы.

Эти теги записываются внутри парного тега <TABLE> … </TABLE >.

Формирование таблицы происходит по строкам – вначале задается одна строка и в ней указывается необходимое количество ячеек, затем вторая строка и т.д.

Для того чтобы на Web-странице получить таблицу, представленную на рис. 5.1, необходимо набрать следующий HTML-код:

<HTML>

<HEAD>

<TITLE> Страница с таблицей </TITLE>

</HEAD>

<BODY>

<TR>

<TH> Автомобили </TH> <TH> Цена </TH>

</TR>

<TR>

</TR>

<TR>

<TD> Гольф </TD> <TD> 6000 </TD>

</TR>

</TABLE >

</BODY>

</HTML>

Рис. 5.1. Страница с таблицей

Текст в ячейках заголовков таблицы (рис. 5.1) отображается полу-жирным шрифтом с выравниванием по центру ячейки, а в обычных ячейках текст не выделяется и выравнивается по левому краю.

Следует отметить, что в HTML-коде приведенной страницы тег <TABLE> содержит атрибут BORDER со значением "1". Это означает, что в таблице, приведенной на рис. 5.1, толщина внешней границы равна
1 пикселю. Если записать

<TABLE BORDER = "6"> … </TABLE >,

то толщина внешней границы будет равна 6 пикселям. Чтобы границы таблицы не отображались, необходимо атрибуту BORDER присвоить значение, равное 0, или просто этот атрибут опустить.

⇐ Предыдущая 1 2 3 4 5 678 9 Следующая ⇒

Поделиться с друзьями:

Своеобразие русской архитектуры: Основной материал – дерево – быстрота постройки, но недолговечность и необходимость деления...

Индивидуальные очистные сооружения: К классу индивидуальных очистных сооружений относят сооружения, пропускная способность которых...

Семя – орган полового размножения и расселения растений: наружи у семян имеется плотный покров – кожура...

Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ - конструкции, предназначенные для поддерживания проводов на необходимой высоте над землей, водой...