это быстро и бесплатно
Оформите заказ сейчас и получите скидку 100 руб.!
Ознакомительный фрагмент работы:
Лабораторна робота№7
Тема: Графіка
Мета: Опанувати технологію використання графічних зображень при оформленні HTML-документа.
Теоретичні відомості.
Графіка Web-сторінок може містити як прості зображення, так і складні. Важливим у використанні графіки е не міра її складності, а ефективність у питаннях передавання тієї інформації, яку необхідно надати користувачам.
Горизонтальні лінії
Горизонтальні лінії е простим способом поділу великих текстів або виділення частини документа.
Для розміщення горизонтальної лінії використовується тег <HR> (Horizontal Rule). Internet Explorer підтримує різні атрибути тега <HR>, які дозволяють управляти, розміром, товщиною, вирівнюванням, кольором і виглядом тіні від лінії.
Атрибути тега <HR>
WIDTH =pixels|percent Дозволяє змінити розмір лінійки, задавши його в пікселях або в процентах від ширини екрана.
ALIGH*LEFT|RIGHT|CENTER Задає вирівнювання частини лінійки (за замовчуванням 1).
SIZE=n Задає товщину лінії (за замовчуванням 1).
COLOR=RGB(a6o назва кольору) Задає колір, яким відображається лінія.
ПРИКЛАД
Файл у форматі HTML:
<HTML> <HEAD>
< TITLE >Моя перша HTML-сторінка</TITLE>
</HEAD> <BODY>
<H2 ALIGN» CENTER>УKPAЇHCbKA МИНУВЩИНА
<HR SIZE=8 WIDTH=40% COLOR=RED>
</H2><BR>
<P ALIGN= CENTER>Єтнoфaфiчний довідник</Р>
</BODY>
</HTML>
Графічні зображення
Графічні зображення, які демонструються на Web-сторінках, зберігаються в окремих файлах. Для вміщення зображення на сторінку використовують тег <IMG SRC=«URL»>, де URL - адреса файла, який містить графічні дані,
Розташування тексту, який слідує за зображенням, і те, як зображення розташоване на сторінці, контролює атрибут ALIGN. За замовчуванням текст з'являється внизу зображення.
Internet Explorer дозволяє використовувати властивості тега IMG, які надають можливість задавати значення висоти і ширини зображення за допомогою атрибутів HIGHT і WIDTH. Висота і ширина вимірюються в пікселях.
Атрибути тега <IMG SRC=«URL»>
WIDTH =px Встановлює ширину зображення (у пікселях).
HIGНТ = рх Встановлює висоту зображення (у пікселях).
ALIGN=TOP|MIDDLE|BOTTOM| LEFT|RIGHT Контролює розташування тексту.
Значення атрибуту ALIGN
ТОР Вирівнює текст по верху зображення.
MIDDLE Вирівнює базову лінію тексту по центру зображення.
BOTTOM Вирівнює базову лінію по низу зображення.
LEFT Розташовує зображення ліворуч, дозволяючи тексту обтікати зображення праворуч
RIGHT Розташовує зображення праворуч, дозволяючи тексту обтікати зображення ліворуч.
Ефективним для розміщення зображень е застосування атрибутів тега <BR>. Використання тега <BR> в його основному варіанті у тексті, який обтікає зображення, просто розбиває рядок без переривання ефекту обтікання. Щоб перервати рядок і очистити поле праворуч або ліворуч від зображення, застосовують атрибут CLEAR.
Атрибут CLEAR тега <BR> використовується для того, щоб зупинити у зазначеній точці обтікання текстом об'єкта, а потім продовжити текст у порожній зоні за об'єктом. Текст, який продовжується за об'єктом, вирівнюється у відповідності із значеннями LEFT, RIGHT або ALL атрибуту CLEAR:
<BR CLEAR=LEFT> - перериває рядок і очищає ліве поле (текст буде продовжений, починаючи з найближчого порожнього лівого поля);
<BR CLEAR=RIGHT> - перериває рядок і очищає праве поле (текст буде продовжений, починаючи з найближчого порожнього правого поля);
<BR CLEAR=ALL> перериває рядок і очищає обидва поля (текст буде продовжений, як тільки ліве і праве поля виявляться порожніми).
Наприклад, якщо зображення вирівняне ліворуч, а текст обтікає його праворуч, тоді необхідно очистити ліве поле, щоб якийсь інший елемент, який слідує за текстом, не виявився розміщеним праворуч від зображення.
Сделайте индивидуальный заказ на нашем сервисе. Там эксперты помогают с учебой без посредников
Разместите задание – сайт бесплатно отправит его исполнителя, и они предложат цены.
Цены ниже, чем в агентствах и у конкурентов
Вы работаете с экспертами напрямую. Поэтому стоимость работ приятно вас удивит
Бесплатные доработки и консультации
Исполнитель внесет нужные правки в работу по вашему требованию без доплат. Корректировки в максимально короткие сроки
Гарантируем возврат
Если работа вас не устроит – мы вернем 100% суммы заказа
Техподдержка 7 дней в неделю
Наши менеджеры всегда на связи и оперативно решат любую проблему
Строгий отбор экспертов
К работе допускаются только проверенные специалисты с высшим образованием. Проверяем диплом на оценки «хорошо» и «отлично»
Работы выполняют эксперты в своём деле. Они ценят свою репутацию, поэтому результат выполненной работы гарантирован
Ежедневно эксперты готовы работать над 1000 заданиями. Контролируйте процесс написания работы в режиме онлайн
Задание 5 переходные процессы в линейных электрических цепях
Решение задач, Теоретические основы электротехники
Срок сдачи к 3 мар.
выполнить перевод текста статьи с английского на русский в рамках проектной работы
Перевод с ин. языка, Английский язык
Срок сдачи к 24 февр.
Практическая работа
Контрольная, Механизация горного производства, горное дело
Срок сдачи к 24 февр.
1. Анализ затрат предприятия 2. Анализ деловой активности...
Курсовая, Комплексный экономический анализ
Срок сдачи к 25 февр.
Линейные дифференциальные уравнения в частных производных первого...
Курсовая, Математика
Срок сдачи к 6 мар.
На фотке указано всё что нужно
Ответы на билеты, Электротехническое и конструкционное материаловедение
Срок сдачи к 25 февр.
Сделать 4 задания указанные в ТЗ на основе предоставленного задания и используемого учебного пособия внутри
Другое, Регулирование медиадеятельности
Срок сдачи к 24 февр.
Марки 3414 3413 3412 3409 3408 3406 мне нужен марки которые указаны...
Контрольная, Электротехническое и конструкционное материаловедение
Срок сдачи к 24 февр.
Сделать презентацию про Масленицу всего должно быть 10 слайдов первый...
Презентация, Оип
Срок сдачи к 23 февр.
Выполнить лабораторные работы в соответствии с требованиями
Лабораторная, Электротехника и электроника
Срок сдачи к 27 февр.
Нужно выполнить проектную работу по специальности "Переводчик в...
Перевод с ин. языка, Английский язык
Срок сдачи к 24 февр.
Заполните форму и узнайте цену на индивидуальную работу!