структура html-документа

Читайте также:

Документ HTML 4.01 складається з трьох частин:

Декларація типу документа (англ. Document type declaration, Doctype), на самому початку документа, в якій визначається тип документа (DTD).

Шапка документа (знаходиться в межах елементу head), в якій записано загальні технічні відомості або додаткова інформація про документ, яка не відтворюється безпосередньо в браузері;

Тіло документа (може знаходитися в елементах body або frameset), в якому міститься основна інформація документа.

Нижче наведено приклад загальної структури HTML документа:

<!doctype HTML public "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Мій перший HTML-документ</title>

</head>

<body>

Hello world!

</body>

</html>

16. Тег <html> является контейнером, который заключает в себе все содержимое веб-страницы, включая теги <head> и <body>. Открывающий и закрывающий теги <html> в документе необязательны, но хороший стиль диктует непременное их использование. Как правило, тег <html> идет в документе вторым, после определения типа документа (Document Type Definition, DTD), устанавливаемого через элемент <!DOCTYPE>. Закрывающий тег <html> должен всегда стоять в документе последним.

Синтаксис

<html>

...

</html>

Атрибуты

title

Добавляет всплывающую подсказку на веб-страницу.

Закрывающий тег

Не обязателен.

Тег <head> предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера <head> находятся метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.

Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title> устанавливающего заголовок окна веб-страницы.

Внутри контейнера <head> допускается размещать следующие элементы: <base>, <basefont>, <bgsound>, <link>, <meta>, <script>, <style>, <title>.

Синтаксис

<head>

...

</head>

Закрывающий тег

Не обязателен.

Атрибуты

Нет.

Определяет заголовок документа. Элемент <title> не является частью документа и не показывается напрямую на веб-странице. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера (рис. 1). Допускается использовать только один тег <title> на документ и размещать его в контейнере <head>.

Закрывающий тег

Обязателен.

АтрибутыНет.

18. Элемент <body> предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т.д.

Тег <body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY. Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.

Часто тег <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.

Атрибуты

Alink Устанавливает цвет активной ссылки.

Background Задает фоновый рисунок на веб-странице.

Bgcolor Цвет фона веб-страницы.

Bgproperties Определяет, прокручивать фон совместно с текстом или нет.

Bottommargin Отступ от нижнего края окна браузера до контента.

Leftmargin Отступ по горизонтали от левого края окна браузера до контента.

link Цвет ссылок на веб-странице.

Rightmargin Отступ от правого края окна браузера до контента.

Scroll Устанавливает, отображать полосы прокрутки или нет.

text Цвет текста в документе.

Topmargin Отступ от верхнего края окна браузера до контента.

Vlink Цвет посещенных ссылок.

Также для этого тега доступны универсальные атрибуты и события.

открывающий и закрывающий теги не обязательны.

19. Тег <ABBR> и обязательный парный ему </ABBR>

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

Тег <ACRONYM> и обязательный парный ему </ACRONYM>

Этот тег идентифицирует акроним

Тег <CITE> и обязательный парный ему </CITE>

Создает наклонный текст, содержит атрибут title - отображение всплывающей подсказки

Тег <CODE> и обязательный парный ему </CODE>

Отмечает шрифт как фрагмент программного кода, отображается машинным шрифтом. Содержит атрибут title

Тег <DFN> и обязательный парный ему </DFN>

Обычно используется для выделения терминов в документе

Тег <EM> и обязательный парный ему </EM>

Используется для выделения важного текста на странице

Тег <KBD> и обязательный парный ему </KBD>

Отмечает текст для вывода текста, используемым пользователем на клавиатуре

Тег <SAMP> и обязательный парный ему </SAMP>

Отмечает текст как образец, используется для отображения примеров в документе

Тег <strong> и обязательный парный ему </strong>

Выделяет текст жирным шрифтом

Тег <VAR> и обязательный парный ему </VAR>

Используется для выделения переменных, при указании текстов программ

20. Тег <B> и обязательный парный ему </B>

Заключенные между этими тег имеет свойства жирного текста. Имеет атрибут title - позывает текст в виде всплывающей подсказки.

Тег <BIG> и обязательный парный ему </BIG>

Данный тег увеличивает размер отображения текста.Имеет атрибут title - позывает текст в виде всплывающей подсказки.

Тег <BLOCKQUOTE> и обязательный парный закрывающий тег </BLOCKQUOTE>

Данный тег предназначен для включения в текст длинных цитат, имеет возможность устанавливать отступы от краев страницы для лучшего визуального восприятия.

Тег <BR> не требует парного закрывающего тега

Данный тег делает перенос строки

Тег <font> и обязательный парный ему </font>

Служит для выбора шрифта для текста. Имеет атрибуты:

size - размер текста от 1 до 7

color - цвет текста

Тег <Hx> и обязательныйпарный ему </Hx>

Данный тег необходим для создания заголовка в тексте. Атрибуты:

align - устанавливает выравнивание заголовка

title - всплывающая для заголовка подсказка

Тег <HR>. Закрывающий тег не требуется

Данный тег вставляет в страницу горизонтальную линию. Атрибуты:

size - высота и толщина линии

width - ширина линии

noshade - создание линии без тени

color - меняет цвет линии

Тег <i> и обязательный парный ему </i>

Данный тег позволяет сделать текст наклонным

Тег <MARQUEE> и обязательный закрывающий </MARQUEE>

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

ALTERNATE - движение влево и направо

SCROLL - перемещение текста в тех направления, которые указаны в DIRECTION

SLIDE - перемещает текст один раз и останавливается

Тег <NOBR> и обязательный парный закрывающий тег </NOBR>

Этот тег запрещает перенос строки на другую строчку.

Тег <P> и необязательный парный ему </P>

Создание параграфа в тексте. Атрибуты:

align - выравнивание параграфа

title - всплывающая подсказка

Тег <PRE> и обязательный парный ему </PRE>

Отображение текста машинным шрифтом

Тег <s> и обязательный парный ему </s>

Отображает зачеркнутый текст

Тег <SMALL> и обязательный парный ему </SMALL>

Уменьшает размер текста

Тег <sub> и обязательный парный ему </sub>

Данный тег приспускает текст

Тег <sup> и обязательный парный ему </sup>

Этот тег приподнимает текст

Тег <tt> и обязательный парный ему </tt>

Имитирует стиль текста как набранноый на печатной машинке

Тег <u> и обязательный парный ему </u>

ПОдчеркивает текст

33. Вільне малювання. Інструменти вільного малювання дозволяють малювати довільні фігури. Малювання за допомогою цих інструментів здійснюють шляхом протягання миші: при русі курсору миші за ним залишається слід.

1. Олівець дозволяє провести лінію товщиною в один пиксел.

2. Щоб лінія була строго горизонтальної або вертикальної, під час малювання треба втримувати клавішу SHIFT. Цей прийом діє й у багатьох інших програмах.

3. Кисть дозволяє провести більш широку лінію. Вид цієї лінії визначається формою кисті, що вибирають у вікні під панеллю інструментів.

4. Багато графічних редакторів мають спеціальний інструмент — набивання. У редакторі Paint такого інструмента немає, але ми можемо працювати з кистю методом набивання. У цьому випадку інструмент не простягають, а встановлюють у потрібне місце, після чого виконують клацання.

5. Ластик служить для стирання зображення. Розмір ластику вибирають у вікні під панеллю інструментів.

6. Розпилювач створює “розмиту” пляму відповідно до настроювань у вікні під панеллю інструментів. Використовувати розпилювач зручно тоді, коли точна форма зображення необов'язкова - при малюванні хмар, клубів диму й крон дерев. Іноді з розпилювачем, як і з кистю, працювати методом набивання.

34. <ol>

Тег <ol> устанавливает нумерованный список, т.е. каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.

<ul>

Устанавливает маркированный список, каждый элемент которого начинается с небольшого символа — маркера.

<li>

Тег <li> определяет отдельный элемент списка. Внешний тег <ul> или <ol> устанавливает тип списка — маркированный или нумерованный.

Тройка элементов предназначена для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение этого термина. Закрывающий тег </dd> не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.

36. Маркированный список определяется тем, что перед каждым элементом списка добавляется небольшой маркер, обычно в виде закрашенного кружка. Сам список формируется с помощью контейнера <ul>, а каждый пункт списка начинается с тега <li>, как показано ниже.

<ul>

<li>Первый пункт</li>

<li>Второй пункт</li>

<li>Третий пункт</li>

</ul>

В списке непременно должен присутствовать закрывающий тег </ul>, иначе возникнет ошибка. Закрывающий тег </li> хотя и не обязателен, но советуем всегда его добавлять, чтобы четко разделять элементы списка.

37. Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от атрибутов тега <ol>, который и применяется для создания списка. Каждый пункт нумерованного списка обозначается тегом <li>, как показано ниже.

<ol>

<li>Первый пункт</li>

<li>Второй пункт</li>

<li>Третий пункт</li>

</ol>

Если не указывать никаких дополнительных атрибутов и просто написать тег <ol>, то по умолчанию применяется список с арабскими числами (1, 2, 3,...)

42. Фрейм (frame) — это отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне web-браузера.

Фреймы по своей сути очень похожи на ячейки таблицы, однако более универсальны. Фреймы разбивают web-страницу на отдельные мини-кадры, расположенные на одном экране, которые являются независимыми друг от друга. Каждое окно может иметь собственный адрес. При нажатии на любую из ссылок, расположенных в одном фрейме, вы можете рассматривать страницы, показанные в другом окне.

Фреймы довольно часто использовались для навигации по web-сайту. При этом навигационная страница располагается в одном окне, а страницы с текстом - в другом.

В современном WWW использование фреймов не рекомендовано. Главным образом это связано, как ни странно, с алгоритмами работы поисковых машин, которые могут привести пользователя к html-документу, являющемуся согласно задумке лишь одним из фреймов того, что автору сайта хотелось бы представить. Данный недостаток фреймов успешно устраняется средствами JavaScript[1].

43. Тег <FRAME> определяет свойства отдельного фрейма, на которые делится окно браузера. Этот элемент должен располагаться в контейнере <FRAMESET>, который к тому же задает способ разметки страницы на отдельные области. В каждую из таких областей загружается самостоятельная веб-страница определяемая с помощью параметра src. Хотя обязательных атрибутов у тега <FRAME> и нет, рекомендуется задавать каждому фрейму имя через атрибут name. Это особенно важно, если требуется по ссылке из одного фрейма загружать документ в другой.

49. JPEG (Joint Pictures Encoding Group – група кодування нерухомих зображень)

Підтримує стиснення, яке можна регулювати (зазвичай рівень стиснення за замовчуванням 75 %, що є доволі прийнятним). Якщо за такого налаштування видно недоліки, то можна його збільшити. Найвище оптимальне налаштування – це 95%. Намагайтеся не встановлювати якість на 100 %, бо таке налаштування значно збільшить розмір файлу відносно цього ж файлу з налаштуванням 95 %, а якість зображення залишиться фактично такою самою.

Використання JPEG:

1) Для Фотографій

2) Для складних зображень та півтонових малюнків, де використовується понад 256 кольорів

3) Не підтримує прозорість

4) Не для відтворенні чітких кольорів та зображень (не використовуйте для тексту чи логотипів)

GIF (Graphics Interchange Format- формат обміну графікою)

Використання GIF

1) Для банерів (в один GIF-файл можна записати послідовність графічних зображень (“анімований GIF”)

2) Для зображень з чіткими обрисами та суцільними кольорами (наприклад, синій прямокутник чи типовий логотип)

3) Для зображень з прозорим тлом (фоном)

4) Не для друкованих матеріалів (цей формат було створено для відтворення на моніторі)

5) Для зображень, що потребують менше 256 кольорів.

PNG (Portable Network Graphics – переміщувана мережева графіка)

Формат PNG, як говорять його творці, об’єднує можливості GIF і JPEG, відкидаючи недоліки цих форматів.

Використання PNG

1) Для зображень з поступовими (плавними) переходами у прозорий фон.

2) Для друкованих зображень з високою роздільною здатністю (постери, буклети тощо).

23-24. Единый указатель ресурсов (англ. URL - Uniform Resource Locator) - единообразный локатор (определитель местонахождения) ресурса. По-английски «URL» целиком произносится как /ɜː(ɹ)l/, по-русски чаще говорят [у-эр-э́л], [ю-эр-эл] или [урл] (сленг). Ранее назывался Universal Resource Locator - универсальный локатор ресурса. URL - это стандартизированный способ записи адреса ресурса в сети Интернет.

URL был изобретён Тимом Бернерсом-Ли в 1990 году в стенах Европейского совета по ядерным исследованиям (фр. Conseil Européen pour la Recherche Nucléaire, CERN) в Женеве, Швейцария. URL стал фундаментальной инновацией в Интернете. Изначально URL предназначался для обозначения мест расположения ресурсов (чаще всего файлов) во Всемирной паутине. Сейчас URL применяется для обозначения адресов почти всех ресурсов Интернета. Стандарт URL закреплён в документе RFC 1738, прежняя версия была определена в RFC 1630. Сейчас URL позиционируется как часть более общей системы идентификации ресурсов URI, сам термин URL постепенно уступает место более широкому термину URI. Стандарт URL регулируется организацией IETF и её подразделениями.

Структура URL

Изначально локатор URL был разработан как система для максимально естественного указания на местонахождения ресурсов в сети. Локатор должен был быть легко расширяемым и использовать лишь ограниченный набор ASCII‐символов (к примеру, пробел никогда не применяется в URL). В связи с этим, возникла следующая традиционная форма записи URL:

<схема>://<логин>:<пароль>@<хост>:<порт>/<URL‐путь>

В этой записи:

схема

схема обращения к ресурсу; в большинстве случаев имеется в виду сетевой протокол

логин

имя пользователя, используемое для доступа к ресурсу

пароль

пароль указанного пользователя

хост

полностью прописанное доменное имя хоста в системе DNS или IP-адрес хоста в форме четырёх десятичных чисел, разделённых точками; числа — натуральные в интервале от 0 до 255.

порт

порт хоста для подключения

URL-путь

уточняющая информация о месте нахождения ресурса; зависит от протокола.

На сегодняшний день Тим Бернес-Ли признаёт, что символ двойной косой черты в структуре URL является избыточным.

26. Іноді виникає необхідність розмістити на web-сторінці посилання не на інший документ, а на розташований в межах цієї ж сторінки розділ або ділянку тексту. При активізації подібного посилання броузер перебудовує скролінг (прокручує вікно) таким чином, щоб необхідний розділ або фраза опинилися у межах клієнтської частини вікна. Процес створення посилання на розділ можна умовно поділити на два етапи. Перший полягає у підготовці „закладки” – спеціальної мітки з унікальним в межах даного документу ім’ям, що присвоюється „закладці” атрибутом NAME. Для цього у тій частині тексту, де необхідно розмістити мітку, застосовується команда:

<A NAME=”ім’я закладки”>Ключове слово або заголовок розділу</A>

Другий етап – створення власне посилання за допомогою команди:

<A HREF=”#ім’я закладки”>Текст посилання</A>

Необхідно пам’ятати, що для імені „закладки” краще використовувати латинські символи. Якщо необхідно розмістити посилання на розділ якогось іншого документу, необхідно перед ім’ям „закладки” вказати повну URL-адресу документу.

27. Реалізувати посилання на іншу сторінку можна шляхом використання тегу <A>. Синтаксис:<A HREF=”адреса” TARGET=”параметр” TITLE=”альтернативний текст”>Текст посилання</A>

Атрибут HREF вказує на адресу сторінки, з якою необхідно встановити зв’язок. Способи запису адреси такі:

1. Адреса може бути представлена у вигляді повної адреси. Наприклад:

<A HREF=”http://kneu.dp.ua/examples/index.html”>Приклади </A>.

Більшість посилань звичайно вказують на інші документи, що знаходяться на тому ж сервері, що і головна сторінка. Ці посилання містять відносні посилання на документи:

2. Якщо сторінка (наприклад, “1.html”) знаходиться в одній директорії з поточною, в цьому випадку достатньо вказати її назву: <A HREF=”1.html”>Приклади </A>.

3. Якщо сторінка (наприклад, “2.html”) знаходиться в директорії (наприклад, details), яка в свою чергу знаходиться в одній директорії з поточною сторінкою, то має місце запис: <A HREF=” details/2.html”>Опис </A>.

4. Якщо сторінка (наприклад, “3.html”) знаходиться в директорії (наприклад, product), яка, в свою чергу, знаходиться в кореневій директорії того ж сайту, що і поточна сторінка (тобто, наприклад, http://kneu.dp.ua/), то має місце запис:

<A HREF=” /product/3.html”>Опис продукції </A>.

5. Якщо сторінка (наприклад, “4.html”) знаходиться у директорії (наприклад, product), яка в свою чергу знаходиться в тій же директорії того ж сайту, що і директорія поточної сторінки, то має місце запис: <A HREF=”../product/4.html”>Опис продукції </A>.

Атрибут TARGET містить директиви, які описують правила відкриття елементу у броузері. TARGET може приймати значення: “_blank” – посилання відкривається щоразу в новому вікні; “_self” – в цьому ж вікні. Якщо TARGET має інші значення (в нашому випадку „examp”), то в такому разі він задає найменування вікна, в якому необхідно відкрити посилання. Якщо вікно із зазначеним ім’ям існує, то сторінка завантажується в нього. Інакше створюється нове вікно броузера із зазначеним ім’ям, в якому відкривається сторінка.

Атрибут TITLE необхідний для створення альтернативного тексту – підказки.

Слід також зазначити, що одне посилання не можна вкладати в інше. Це твердження доводить наступний некоректний приклад:

<A HREF=” /product/3.html”>Опис продукції: <A HREF=”product/aglo/default.html”>Агломерат</A> </A>.

28. Посилання на деякий файловий об’єкт має на увазі організацію зв’язку документу HTML з будь-яким файлом, що зберігається на сервері, наприклад, архівом ZIP. При натисканні кнопки миші на таке посилання броузер автоматично видає на екран діалогове вікно і просить зазначити чи завантажувати файл для зберігання його на локальний комп’ютер. Наведемо приклад організації посилання на файл:

<A HREF=”http://nt/book/Методички/DOS/nc_metod.ZIP”>Методичка по NC</A>

Іноді для організації зв’язку з файловим об’єктом у запису адреси посилання використовується префікс „file://”, але такий підхід застосовується, в основному, для посилань на файловий об’єкт, розташований на комп’ютері в межах локальної мережі:

<A HREF=”file://C:\Doc\METODHTML\EXAMPLES\1\ch.zip”>Приклади</A>

Якщо завантаження файлу планується здійснювати по протоколу FTP, слід використовувати префікс “ftp://”:

<A HREF=”ftp://kneu.dp.ua/metod/ nc_metod.ZIP”> Методичка по NC</A>

Формування адреси посилання (HREF) відбувається згідно із правилами формування посилань на сторінці. Ці правила було описано вище.

29. При роботі в Internet часто зустрічаються посилання, при активізації яких автоматично запускається встановлена на комп’ютері поштова програма, і на екрані формується вже готовий до відправки бланк електронного листа з заповненим адресним полем, а іноді і з заповненим полем „Тема листа” (Subject). Подібні посилання теж можна реалізувати за допомогою тегу <A>. Це здійснюється таким чином:

<A HREF=”mailto: адреса електронної пошти?cc=адреса1, адреса2,..., адресаn&subject=тема листа”>Текст посилання</A>

Наприклад:

<A HREF=”mailto: bars@yandex.ru&subject=HTML”>Чекаю листів!</A>

Директива „mailto:” вказує на основну адресу електронної пошти, куди слід відправляти автоматично створений лист. Мінімально необхідне значення атрибуту HREF це зазначення описаної директиви, після якої слід помістити адресу e-mail. Директива “?cc=” дозволяє визначити адреси електронної пошти користувачів, яким буде розіслано копію листа. Вони вказуються підряд через кому „, ”. За допомогою функції “&subject=” можна вказувати тематику листа.

25. Гиперссылка (англ. hyperlink) в компьютерной терминологии — часть гипертекстового документа, ссылающаяся на другой элемент (команда, текст, заголовок, примечание, изображение) в самом документе, на другой объект (файл, директория, приложение), расположенный на локальном диске или в компьютерной сети, либо на элементы этого объекта.

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

«Битой» ссылкой называют такую гиперссылку, которая ссылается на отсутствующий по каким-либо причинам объект, например, если документ или файл удален или перемещен администратором ресурса, на котором он был расположен, или если сам ресурс недоступен. Обычно в таком случае на странице появляется сообщение с кодом ошибки, но это происходит не всегда.

22. Символи escape-послідовності

Символ	Значення	Команда
<	Символ „менше ніж”	<
>	Символ „більше ніж”	>
“	Прямі лапки	"
&	Амперсанд	&
©	Символ копірайта	©
®	Символ зареєстрованої торгової марки	®
	Нерозривний пробіл

Наприклад, в результаті такого запису:

отримаємо:

21. Для форматування тексту існує тег <FONT>, синтаксис якого такий:

<FONT FACE=Найменування шрифта SIZE=Розмір шрифту COLOR=Колір тексту>Текст</FONT>

Будь-який з атрибутів може бути опущений. Приклад: <FONT FACE=”Arial”>Це Arial</FONT>

Слід пам’ятати, що шрифт не передається по мережі, а на комп’ютері користувача може не бути вказаного у атрибуті FACE шрифту. У цьому випадку броузер замінить його власним базовим шрифтом. Інакше цю проблему можна вирішити такими способами:

1. Вказати декілька аналогічних шрифтів сподіваючись, що вони є у клієнта: <FONT FACE=”Cotton, Impact, Arial”>. У цьому випадку броузер переглядає шрифти зліва направо, тому перераховувати їх потрібно від найбільш бажаного до найбільш розповсюдженого.

2. Можна надпис зробити картинкою.

Атрибут SIZE вказує на розмір шрифту, яким слід виводити текст. Він може бути описаний як абсолютною, так і відносною величиною. Абсолютна величина – це значення від 1 до 6. Зазавичай базовий розмір шрифту броузера – це 3. Відносна величина, яка вказується як ціле число зі знаком „+” або „-” (наприклад, +2, -1) – це кількість одиниць, яку необхідно додати або відняти від розміру шрифту, що використовується броузером, або визначений тегом, в якому даний тег знаходиться: <FONT SIZE=”+1”>.

Значення атрибуту COLOR – це числовий код кольору або символьна строка, що означає заданий колір. Відомо, що для виводу кольорового зображення на екран використовується палітра RGB (Red, Green, Blue). Будь-який колір можна отримати змішуванням у різних пропорціях Червоного, Зеленого та Синього. Для означення кольору в HTML прийнято використовувати шістнадцятиричний числовий код або символьну помітку. Так, наприклад білий колір - це повністю насичений Червоний, Зелений і Синій, тобто числове значення кожного з них дорівнює 255, що можна записати числом у шістнадцятиричному форматі FFFFFF. В HTML це записується так: “#FFFFFF”. Білому кольору також відповідає символьна строчка: „white”. Отже, білий текст запишеться: <FONT COLOR=”#FFFFFF”> або <FONT COLOR=”white”>. А, наприклад, задавання тексту жовтого кольору запишеться так: <FONT COLOR=”#FFFF00”> або <FONT COLOR=”yellow”>. Слід також зазначити, що краще використовувати шістнадцятиричний формат, оскільки не всі броузери „розуміють” строкове означення кольору. Таблиця стандартних кольорів наведена у додатку A.

17. META-теги не відображаються на екрані, але містять корисну інформацію про зміст документу: опис, ключові слова, що використовуються пошуковими системами. Існують два класи META-тегів. Синтаксис першого:

Так, наприклад, для зазначення ключових слів та термінів (перелік ключових слів – через „, ”), які використовуються пошуковими машинами, слід помістити на сторінці наступний запис:

Для зазначення короткого опису сторінки:

Для зазначення імені автора сторінки та інформації про нього:

Для зазначення авторських прав:

Другий клас META-тегів, використовує атрибут HTTP-EQUIV:

Ця директива використовується для надання web-сторінці деяких специфічних властивостей. Так, наприклад, для автоматичного визначення броузером кодування сторінки використовується такий запис:

Якщо недосвідчений Web-майстер скопіює сторінку, в якій є наступний тег, то при завантаженні даної сторінки броузер автоматично буде переходити до зазначеної URL-адреси кожні N секунд (замість N необхідно поставити ціле число):

58.

Елемент керування Multiple Selection є списком із декількох пунктів. Користувач може нічого не вибрати, або вибрати один чи кілька пунктів із списку. Список обмежений парою тегів <SELECT>. Кожен елемент списку описується окремим тегом <OPTION>. Синтаксис тегів:

<OPTION VALUE=”значення 1”>Найменування пункту 1</OPTION>

<OPTION VALUE=”значення 2”>Найменування пункту 2</OPTION>

<OPTION VALUE=”значення 3>Найменування пункту 3</OPTION>

…

<OPTION VALUE=”значення N”>Найменування пункту N</OPTION>

</SELECT>

Атрибут SIZE задає кількість видимих рядків. Якщо його опустити, то список буде представлений одним рядком, а відвідувачу необхідно буде використовувати клавіші керування курсором або мишу, щоб переглянути доступні пункти. Якщо список містить більше пунктів, ніж вміщається в його рамках, то вертикальна смуга прокрутки автоматично надає допомогу відвідувачу у виборі необхідного елементу.

Атрибут MULTIPLE вказує, чи може відвідувач сторінки обрати кілька пунктів списку, використовуючи клавіші Shift або Ctrl і одночасно вибираючи пункти зі списку. Якщо не вказати даний атрибут, то при виборі нового елементу попередній відміняється.

У тега <OPTION> є атрибут VALUE, який задає значення, що попаде у строку запиту, при виборі даного елементу. Для початкового вибору однієї або більше опцій використовується атрибут SELECTED.

Необхідно також підкреслити, що між тегами <SELECT> та </SELECT> і <OPTION> та </OPTION> не можна задавати інших тегів, тобто картинок, кнопок чи інших елементів керування.

TEXTAREA аналогічний елементу TEXT, але дозволяє вводити декілька текстових строк. Для розміщення даного елементу на сторінці використовується тег <TEXTAREA>, синтаксис якого наступний:

<TEXTAREA NAME=”значення” ROWS=”значення” COLS=”значення” TABINDEX=”значення” DISABLED READONLY>Початковий текст для редагування

</TEXTAREA>

Оскільки даний тег дозволяє вводити багатострочний текст, то він парний, тобто має тег закриття. Атрибути ROWS та COLS задають розмірність елементу на сторінці (кількість символів). Слід зазначити, що символ переведення рядка зберігається і при відображенні в елементі керування. Якщо включити теги HTML в документ, то вони з’являться як текст в елементі керування.

50. При відправленні сторінок клієнту разом із сторінкою, відправляються і графічні зображення, які повинні бути присутніми на ній. При такому підході важливим є розмір графічного зображення. Саме тому два найбільш популярних стандарти, в яких зберігається 90% усієї графіки, представленої в Internet, - це GIF та JPEG. В них закладені різні алгоритми стиснення зображення з мінімально можливою втратою якості, завдяки використанню яких вдається значно зменшити розмір файлу. Для зв’язаних зображень підтримка форматів дещо ширша – вона може включати PostScript, PNG, PDF та ін.

Інтеграція графіки в html-документ здійснюється за допомогою тегу <IMG>, синтаксис якого в загальному вигляді можна представити таким чином:

Дата добавления: 2015-11-16; просмотров: 49 | Нарушение авторских прав

<== предыдущая страница	\|	следующая страница ==>
Визначення структури веб-сайту.	\|	Variant 3 - Level 2 – Medium.

mybiblioteka.su - 2015-2024 год. (0.043 сек.)