КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Білет №19
|
|
|
|
Поняття гіпертексту. Засоби створення та перегляду гіпертекстових документів. Особливості мови розмітки НТМL. Тегова модель. Класифікація тегів. Основні теги мови НТМL для створення гіпертекстового документа. Приклади.
Гіпертекст став основним видом організації інформації в Інтернет. Інформація, підготовлена у вигляді гіпертексту, це електронна інформація, і працювати з нею можна тільки на комп'ютері. Створити її точну «паперову» копію не можливо.
Гіпертекст — документ, який містить посилання на інші документи. Техніка читання звичайного тексту полягає в тому, що, закінчивши читання однієї сторінки, слід приступити до іншої. Технологія гіпертексту дає змогу вільно переходити із сторінки на сторінку — ніякого заздалегідь встановленого порядку читання не існує. Н,аіічастішс посилання виділяється на фоні екрана монітора за допомогою зміни кольору та підкреслення. У цьому випадку її називають «гіперсилкою». Гіперсилкою можна вважати слово, фразу або графічний елемент, якщо курсор, що встановлено на цьому об'єкті, змінює своє зображення.
Гіпертекст за допомогою гіперсилок зв'язує між собою багато документів. Таким чином один об'єкт з'єднується множиною зв'язків з іншими об'єктами. Кожний з таких об'єктів може являти собою як звичайний текст, так і гіпертекст.
Для створення гіпертексту використовується спеціальна мова НТМL — Нурег Техt Магкuр Language — мова розмітки гіпертексту. Ця мова була розроблена для того, щоб при створенні Документу, можна було не думати про різницю в програмному і апаратному забезпеченні комп'ютерів, на якому цей документ переглядатиметься.
При створенні документа в НТМL робиться акцент на його структурі. У той час, як будь-який документ концентрує увагу на зовнішньому вигляді документа, НТМL визначає формат представлення інформації, при використанні якого не потрібно думати про форматування тексту, а можна повністю зосередитися на його змісті.
Приклади гіпертекстових редакторів: HTMLed, webedit, HTMLWriter
Після створення за допомогою мови НТМL відповідного файла, для підготовки якого можна скористатися текстовим редактором Блокнот або іншим, що дає змогу готувати файли у текстовому форматі, його можна відобразити у вигляді Web-документа, використовуючи будь-який браузер.
Тегова модель файла. Команди мови НТМL називаються тегами. Теги бувають одиничними і парними. Більшість тегів парні, як, наприклад, тег означення html-файла: <НТМL>...</ НТМL>.
Такі теги інакше називаються контейнерами. Контейнер може містити текст та інші теги.
Парні теги позначають початок і кінець області дії відповідної команди. Теги записуються у кутових дужках. Тег, що закриває область дії, має косу риску. Тег може містити параметри, які користувач записує у першому блоці тега через пропуск чи з нового рядка, наприклад, <ВODY ТЕХТ="геd" >...</ BODY >.
У середині пари тегів <НЕАD>...</НЕАD> описують заголовок документа. Головна частина заголовка документа — заголовок ^іпйоу/з-вікна, який пишуть у середині пари тегів <ТІТLЕ>...</ТІТLЕ>.
Наведемо приклад найпростішої Web-сторінки, що містить основні теги мови НТМL:
<НТМL>
<HEAD>
<ТІТLЕ> приклад Web — документа </Т1ТLЕ>
</НЕАD>
<ВОDY>
Моя перша Web-сторінка
</ ВODY >
</ нтмL>
Уся змістова частина документа розміщена в елементі BODY.
Для створення абзацу в мові НТМL передбачено кілька можливостей. Найпростіша з них — це використання тегу <Р>. Якщо в тексті треба виконати переклад рядка (розрив рядка), використовуйте елемент <ВR>.
Абзаци, що задаються тегами <Р> і <ВR>, за замовчуванням вирівнюються по лівому краю сторінки. Змінити вирівнювання абзацу можна за допомогою параметра align. Наприклад, щоб тег <Р> сформував абзац, вирівняний по правому краю, треба записати тег у такий спосіб:
<P ALUGN="left">
Можна задати вирівнювання по центру сторінки за допомогою значення параметра АЬІСЖ="сетег".
Заголовки в НТМL-документі задаються парними тегами <Н1>,<Н2>,...<Н6>, причому кінцеві теги є обов'язковими. Заголовок першого рівня НІ відтворюється найбільшим шрифтом, а заголовок шостого рівня Н6, навпаки, — найдрібнішим шрифтом.
Різні частини великого документа можна візуально відокремити одну від одної за допомогою горизонтальних ліній. Для створення таких ліній у НТМL передбачено спеціальний елемент НК.
Властивості шрифту найпростіше визначати за допомогою елемента FONT. У початковий тег < FONT > можуть бути введені такі параметри: size (розмір шрифту); СОLОR — колір шрифту; FАСЕ — гарнітура шрифту або список можливих шрифтів. На-
приклад, щоб фрагмент тексту відтворювався шрифтом Алаї, що має червоний колір і розмір 16 пунктів, можна ввести такий елемент:
< FONT FАСЕ ="Агіа1" SIZЕ =І6рt СОLОR ="геd>
Виділений < FONT >.
Щоб задати різні накреслення шрифтів, використовуються такі теги: <В>...</В> (напівжирний текст); <I>..,</I> (курсив); <і)>...</и> (підкреслений текст).
Основним елементом Web-документів є посилання. Для створення посилань застосовується елемент <А>, названий елементом прив'язки, чи якірним елементом. Усередині тега <А> ставиться обов'язковий параметр HREF, за допомогою якого визначається цільовий ресурс (наприклад, URL-адреса файла, на який указує посилання). Між тегами <А> і </А> розміщається, виділений текст посилання, клацання по якому ініціює перехід по посиланню. Наприклад,
<A HREF ="геviewу.html"> Обзор </А>
Це посилання на НТМL-файл, геviewу.html що у НТМЬ-доку-менті відображається текстом «Обзор».
Практично будь-яка \УеЬ-сторінка містить зображення. Вставляння малюнка на \УеЬ-сторінку виконується одиничним тегом <ІМG>, що може бути розміщений у будь-якому місці елемента BODY..При цьому URL-адреса файла малюнка задається значенням параметра SRC. Припустимо, що ви хочете розмістити на сторінці картинку puzzle.gif. Для цього потрібно зберегти файл малюнка у певній папці (наприклад, у тій самій папці, що і сам НТМЬ-документ), а в документ необхідно ввести такий тег:
<IMC SRC=" puzzle.gif >
Якщо не зазначено розміри малюнка, то броузер при відображенні використовує його дійсні розміри. Розміри малюнка на WEB-сторінці можна змінити за допомогою параметрів WIDTH і HEIGHT, значення яких дають ширину і висоту (звичайно в пікселях), наприклад: WIDTH ="133" HEIGHT ="33\
|
|
|
|
|
Дата добавления: 2015-05-26; Просмотров: 1368; Нарушение авторских прав?; Мы поможем в написании вашей работы!