- •1Правила побудови html-документів
- •1.1Мова html
- •1.2Історія розвитку html
- •1.3 Основні елементи мови htMl
- •1.4 Групи тегів html
- •1.5 Розділ head документа
- •Назва документа
- •1.6 Розділ документа body
- •2.Форматування тексту
- •2.1Теги рівня блоку і послідовні теги
- •2.2 Логічне та фізичне форматування
- •2.3 Теги логічного форматування
- •2.4 Теги фізичного форматування тексту
- •Мал. Використання вкладених тегів форматування тексту
- •Мал. 1.4. Отображение примера браузером Opera
- •Мал. 1.6. Призначення розмірів шрифтів
- •3.Форматування html-документа
- •3.1Поділ на абзаци
- •3.2Заголовки внутри html-документа
- •3.3 Горизонтальні лінії
- •Мал. 1.10. Так цитата виглядає у вікні браузера Opera
- •3.5 Спеціальні символи
- •4. Посилання на інші документи та файли
- •4.1 Організація посилань
- •4.2 Правила запису посилань
- •4.3Внутрішні посилання
- •4.4 Посилання на документи різних типів
- •5.Створня web-сайту
- •5.1 Початок створення web-сторінки
- •Створення шапки за допомогою html коду:
- •Висновок
- •Список використаних джерел
2.3 Теги логічного форматування
Тег <ABBR>
Тег <ABBR> отмечает свой текст как аббревиатуру (ABBReviation). Несмотря на то, что этот тег включен в спецификацию HTML 4.0, он до настоящего времени не поддерживается ни одним браузером.
Тег <ACRONYM>
Тег <ACRONYM>. Так само, як і тег <ABBR>, використовується для позначки абревіатур. Цим тегом рекомендується відзначати так звані акроніми, тобто вимовні слова, що складаються з абревіатур. Тег <ACRONYM> можливо в майбутньому стане використовуватися для невизуального відображення елементів, наприклад при мовному синтезі.
Даний тег зручно використовувати в поєднанні з параметром TITLE значення якого можна вказати повну форму запису абревіатури. Тоді візуальні браузери при наведенні курсору на текст, розмічений тегом <ACRONYM>, будуть видавати повне найменування у вигляді з'являється підказки. Зауважимо, що тег <ACRONYM> розпізнається тільки браузером Microsoft Internet Explorer. Приклад: <ACRONYM TITLE="Київський Професійний Коледж зв’язку з посиленою військовою та фізичною підготовкою"> КПК</ACRONYM> — один з кращих Коледжів міста Києва.
Тег <CITE>
Тег <CITE> використовується для позначки цитат або назв книг та статей, посилань на інші джерела і т. д. Браузерами такий текст зазвичай виводиться курсивом. Приклад:
<CITE>Сегодня</CITE> є однією з найбільш популярних міських газет Киэва.
Тег <CODE>
Тег <CODE> відзначає свій текст як невеликий фрагмент програмного коду. Як правило, відображається моноширинним шрифтом. Цей тег не слід плутати з тегом <PRE>, що є елементом рівня блоку, який слід використовувати для позначення великих фрагментів (лістингів) коду.
Наприклад:
Приклад найпростішого оператора мови програмування C:<BR>
<CODE>puts("Hello, World!");</CODE>
Є ще одна відмінність у використанні тегів <CODE> <PRE>.
В коді програм часто буває важливо наявність кількох послідовних прогалин. Їх відображення буде збережено тільки при використанні тега <PRE>
Тег <DEL>
Тег <DEL> відзначає свій текст як віддалений. Цей елемент корисно використовувати для оцінки змін, внесених у документ від версії до версії. Тег <DEL> може використовуватися як елемент рівня тексту і як елемент рівня блоку.
Тег має два необов'язкові параметри: CITE і DATETIME. Значення параметра CITE повинно представляти собою URL-адреса документа, пояснення причини видалення даного фрагмента.
Параметр DATETIME вказує дату видалення в форматі YYYY-MM-DDThh:mm:ssTZD, визначає рік, місяць, число, години, хвилини і секунди видалення, а також часовий пояс (Time Zone). Наприклад:
Останньої прийнятої специфікацією мови розмітки HTML є версія <DEL DATETIME=1999-10-29T16:12:53+0.00>3.2</DEL> 4.0
Текст, позначений тегом <DEL> зазвичай відображається перекресленим текстом. У специфікації HTML 4.0 цього тегу віддається перевага перед тегом фізичного форматування <STRIKE> або <S>, що позначають закреслений текст. Однак тег <DEL> в даний час розпізнається тільки браузером Microsoft Internet Explorer.
Тег <DFN>
Тег <DFN> відзначає свій текстовий фрагмент як визначення (DeFinitioN). Наприклад, цим тегом можна відзначити якийсь термін, коли він зустрічається в тексті в перший раз. Приклад:
<DFN>Internet Explorer</DFN> — це популярний Веб-браузер
Тег <DFN> підтримується тільки браузером Microsoft Internet Explorer. Відображається за умовчанням курсивом.
Тег <INS>
Тег <INS> відзначає свій текст як вставку (INSertion). Цей елемент корисно використовувати для оцінки змін, внесених у документ від версії до версії. Тег <INS> може використовуватися як елемент рівня тексту і як елемент рівня блоку. Тег має два необов'язкові параметри: CITE і DATETIME. Значення параметра CITE повинно представляти собою URL-адреса документа, пояснення подробиці внесених доповнень. Параметр DATETIME вказує дату вставки в форматі YYYY-MM-DDThh:mm:ssTZD, визначає рік, місяць, число, години, хвилини і секунди вставки, а також часовий пояс (Time Zone).
Текст, позначений тегом <INS>, зазвичай відображається підкресленим текстом. Тег <INS> в даний час розпізнається тільки браузером Microsoft Internet Explorer.
Тег <EM>
Тег <EM> (EMphasis — виділення, підкреслення) використовується для виділення важливих фрагментів тексту. Браузери зазвичай відображають такий текст курсивом. Приклад:
Приклад виділення <EM>окремих слів</EM> тексту
Застосування даного тега переважно застосування тегів фізичного форматування <I>.
Тег <KBD>
Тег <KBD> зазначає текст, що вводиться користувачем з клавіатури. Зазвичай відображається моноширинним шрифтом, наприклад:
Щоб запустити текстовий редактор, надрукуйте: <KBD>notepad</KBD>
Застосування даного тега переважно застосування тегів фізичного форматування <TT>.
Тег <Q>
Тег <Q> зазначає короткі цитати в рядку тексту. На відміну від тега рівня блоку <BLOCKQUOTE> при відображенні не виконується відділення розміченого тексту порожніми рядками. Зазвичай відображається курсивом. Тег <Q> (на відміну від <BLOCKQUOTE>) в даний час розпізнається тільки браузером Microsoft Internet Explorer.
Тег має параметр CITE значення якого можна вказати джерело цитати.
Тег <SAMP>
Тег <SAMP> відмічає текст як зразок (SAMPle). Звичайне використання цього тега — відмітка тексту, що видається програмами (sample output). Використовується також для виділення декількох символів моноширинним шрифтом.
Застосування даного тега переважно застосування тегів фізичного форматування <TT>. Наприклад:
В результаті роботи програми буде надруковано: <SAMP>Hello, World!</SAMP>.
Тег <STRONG>
Тег <STRONG>, як правило, використовується для виділення важливих фрагментів тексту. Браузери зазвичай відображають такий текст жирним шрифтом. Приклад:
Київ розташований у середній течії Дніпра<STRONG> у північній Наддніпрянщині</STRONG> одне з найбільших<STRONG>і найстаріших міст</STRONG>
Застосування даного тега переважно застосування тегів фізичного форматування <B>. Тег <STRONG> зазвичай розмічають більш важливі фрагменти тексту, ніж ті, що розмічені тегом <EM>.
Тег <VAR>
Тег <VAR> зазначає імена змінних програм. Зазвичай такий текст відображається курсивом. Приклад:
Визначте значення змінної <VAR>N</VAR>
Відображення деяких з прикладів, наведених при описі тегів логічного форматування тексту, показано на рис. 1.1. На малюнку видно, як при наведенні покажчика миші на текст, зазначений тегом <ACRONYM>, видається підказка.
Мал.
Деякі елементи дають однаковий результат. Більше того, частина елементів ніяк не може змінювати подання фрагмента тексту на екрані. Може виникнути законне питання: для чого створено така різноманітність елементів форматування?
Відповідь — у назві цієї групи елементів. Вони призначені для розстановки логічних наголосів, виділення логічних частин і підкреслення суті висловлювань. Їх використання досить актуально, оскільки, ймовірно, в найближчому майбутньому можливості браузерів зростуть, наприклад, стане можливий пошук цитат на Web-просторі, а може бути наступне покоління браузерів навчиться читати документи вголос. Крім того, авторам документів ніщо не заважає вже сьогодні, застосовуючи таблиці стилів, задати бажаний відображення для будь-якого з тегів перевизначенням за замовчуванням.
