Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Задание 4. Таблицы.
|
|
Задание 1. Размещение графики на Web-странице
Тэг < IMG …> позволяет вставить изображение в документ, одиночный тэг.
Для выполнения упражнения сохранить файл своей фотографии в папке images, которая находится в папке HTML Ф.И.О. Фото должно весить как можно меньше (максимально – 50 Кб.). " images/foto.jpg " – задается адрес фотографии. Вместо foto.jpg нужно вписать название нужного файла.
1. Внесите изменения в файл index.html:
…
< FONT SIZE=" 6" > < I> Ты зашел на страничку Ф.И.< /I> < /FONT>
< P>
< IMG SRC=" images/foto.jpg" >
< /P>
< /BODY>
< /HTML>
Атрибуты изображения
Таблица 2
| Атрибут | Формат | Описание |
| ALT | < IMGSRC=" images/foto.jpg" ALT=" картина" > | Если браузер не воспринимает изображение, вместо него появляется заменяющий текст. |
| BORDER | < IMG SRC=" images/foto.jpg" BORDER=" 3" > | Задает толщину рамки вокруг изображения. Измеряется в пикселях. |
| ALIGN | < IMG SRC=" images/foto.jpg" ALIGN=TOP> | Выравнивает изображение относительно текста: по верхней части изображения – TOP, по нижней – BOTTOM, по средней – MIDDLE. |
| HEIGHT | < IMG SRC=" images/foto.jpg" HEIGHT=111> | Задает вертикальный размер изображения внутри окна браузера. |
| WIDTH | < IMG SRC=" images/foto.jpg" WIDTH=220 > | Задает горизонтальный размер изображения внутри окна браузера. |
| VSPACE | < IMG SRC=" images/foto.jpg" VSPACE=" 8" > | Добавляет верхнее и нижнее пустые поля. |
| HSPACE | < IMG SRC=" images/foto.jpg" HSPACE=" 8" > | Добавляет левое и правое пустые поля. |
Задание 2. Атрибуты изображения.
1. Самостоятельно внесите изменения в файл index.html, опробовав использование таких атрибутов графики как ALT, BORDER, HEIGHT, WIDTH.
Задание 3. Фоновое изображение графики на Web-странице
Фоновое изображение – это графический файл с изображением небольшой прямоугольной плашки. При просмотре в браузере эта плашка многократно повторяется, заполняя все окно, независимо от его размеров.
Графика, используемая в качестве фоновой, задается в тэге < BODY> в начале файла HTML. “images/ foto2.jpg ” – задается адрес фона
1. Внесите изменения в файл index.html:
…
< BODY BACKGROUND=”images/foto2.jpg” TEXT=" #006666" >
…
< /BODY>
< /HTML>
Задание 4. Таблицы.
Таблицы представляют собой особую часть HTML-документа. Данные в ней организованы в виде прямоугольной сетки, состоящей из вертикальных столбцов и горизонтальных рядов. Каждая клетка таблицы является ячейкой.
Ячейки могут содержать в себе текст, графику или другую таблицу.
Таблица состоит из трех основных частей:
· название таблицы,
· заголовки столбцов,
· ячейки.
Таблица заполняется горизонтальными рядами ячейка за ячейкой слева направо. Заполнение начинается с левого верхнего угла и заканчивается правым нижним. Каждая ячейка должна быть заполнена. Для создания пустых ячеек используются пробелы.
|