Название: Графіка Основні теги для використання графіки у HTML документі
Вид работы: реферат
Рубрика: Астрономия
Размер файла: 16.81 Kb
Скачать файл: referat.me-3348.docx
Краткое описание работы: Лабораторна робота№7 Тема: Графіка Мета: Опанувати технологію використання графічних зображень при оформленні HTML-документа. Теоретичні відомості.
Графіка Основні теги для використання графіки у HTML документі
Лабораторна робота№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> перериває рядок і очищає обидва поля (текст буде продовжений, як тільки ліве і праве поля виявляться порожніми).
Наприклад, якщо зображення вирівняне ліворуч, а текст обтікає його праворуч, тоді необхідно очистити ліве поле, щоб якийсь інший елемент, який слідує за текстом, не виявився розміщеним праворуч від зображення.
Похожие работы
-
Використання графіки Викорисьання графічного режиму в Pascal -основні оператори
Тема: Графічний режим в мові Pascal. Мета: Навчити студентів використовувати графічний режим в мові Pascal, а також вміти реалізовувати графіку за допомогою процедур та функцій.
-
Графічні методи зображення статистичних даних
Тема: . План Поняття про статистичні графіки і правила їх побудови. Види графіків: а) лінійні графіки; б) стовпчикові діаграми; в) секторні діаграми;
-
Встановлення кольору тксту та фону документа Описані основні теги що до встановлення фону доку
Лабораторна робота Тема: Встановлення кольору фону та тексту. Мета: Навчитись застосовувати кольори для оформлення елементів HTML-документа. Теоретичні відомості.
-
Опис програми із найпростішою структурою Опис основних операторів ознайомлення із синтаксисом
Лабораторна робота №1 Тема: Програма з найпростішою структурою. Мета: Оволодіти методами роботи в середовищі Turbo C та C++. Ознайомити ся із основними принципами роботи у середовищі С.
-
Використання фреймів у HTML документі Опис тегів для вкладення та управління фреймами у докумен
Лабораторна робота №10 Тема: ФРЕЙМИ Мета: Опанувати технологію представлення інформації у документі з використанням фреймів. Теоретичні відомості.
-
Гіпертекстові посилання Опис вставки гіпертекстових посилань у документ прєднання гіперетексто
Лабораторна робота №6 Тема: Гіпертекстові посилання Мета: Опанувати способи створення гіперзв'язків у HTML-документах. Теоретичні відомості Гіпертекстовий документ - це документ, який містить пов'язані посилання (гіпертекстові посилання) на інші документи, дозволяючи здійснювати переходи між ними за допомогою натискання вказівником мишки на гіперпосиланні..
-
Основи мови HTML Опис основних тегів мови початок кінець документу назва документу
Лабораторна робота №1 Тема:Структурні теги HTML документів та форматування тексту Мета: Опанувати принципи побудови логічної структури HTML-документа і основні принципи форматування тексту.
-
Основні теги заголовків документу Опис основних тегів заголовків документу розмір заголовків
Лабораторна робота Тема : Стилі заголовків Мета : Опанувати основні стилі заголовків, що використовуються в HTML-документах. Теоретичні відомості.
-
Методи оформлення документу за допомогою тадлиць Опис основнх тегів таблиць які використовують
Лабораторна робота №9 Тема: ТАБЛИЦІ Мета: Навчитись представляти інформацію у HTML-документі у вигляді таблиць. Теоретичні відомості. Табличні теги мови HTML дозволяють подавати дані у зручній для сприйняття формі. Основним структурним елементом таблиці є комірка, яка містить елемент даних таблиці або заголовок стовпчика даних.
-
Форми для одержання інформації від користувача Опис основних тегів для встановлення та використ
Тема: ФОРМИ ДЛЯ ОДЕРЖАННЯ ІНФОРМАЦІЇ ВІД КОРИСТУВАЧА Мета: Опанувати технологію створення форм для інтерактивної взаємодії з користувачем. Теоретичні відомості.