- •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.4 Теги фізичного форматування тексту
Наведемо опис тегів фізичного форматування. Частина з них не рекомендується до використання специфікацією HTML 4.0 з наведених вище причин. Деякі теги скасовані (deprecate) специфікацією HTML 4.0, проте вони продовжують підтримуватися браузерами.
Тег <B>
Тег <B> відображає текст напівжирним шрифтом. У більшості випадків рекомендується замість тега <B> використовувати тег логічного форматування <STRONG>. Наприклад:
Це <B>жирний</B> шрифт.
Мал.
Приклади фізичного форматування тексту
(браузером Opera)
Тег <I>
Тег <I> відображає текст курсивом. Для більшості випадків замість цього тега рекомендується використовувати тег <EM> <DFN>, <VAR> або <CITE>, оскільки останні краще відображають призначення виділяється тексту. Наприклад: Виділення <I>курсив</I>
Тег <TT>
Тег <TT> відображає текст моноширинним шрифтом. Для більшості випадків замість цього тега краще використовувати теги <CODE>, <SAMP> або <KBD>. Приклад:
Це <TT>моноширинний</TT> шрифт.
Тег <U>
Тег <U> відображає текст підкресленим. Скасований тег. Замість нього рекомендується використовувати тег <STRONG> або <CITE>. Наприклад:
Приклад <U>підкреслення</U> тексту.
Теги <STRIKE> <S>
Теги <STRIKE> <S> відображають текст, перекреслений горизонтальною лінією. Скасований тег. Замість нього слід використовувати тег <DEL>. Наприклад:
Приклад <STRIKE>закресленого</STRIKE> тексту.
В даний час тег <DEL> підтримується не всіма браузерами, тому поки рекомендується використовувати <DEL> в поєднанні з тегом <STRIKE>. А саме, всередину тега-контейнера <DEL> можна вкласти пару тегів
<STRIKE>...</STRIKE>.
Тег <BIG>
Тег <BIG> виводить текст шрифтом більшого (ніж непомеченная частина тексту) розміру. Замість цього елемента краще використовувати <STRONG> або теги заголовків, наприклад, <H3>. Більшість браузерів підтримують вкладені теги <BIG>, однак використовувати такий підхід не рекомендується. Наприклад:
Шрифт <BIG>більшого</BIG> розміру.
Тег <SMALL>
Тег <SMALL> виводить текст шрифтом меншого розміру. Оскільки в HTML тега немає, протилежного за дії тегу <EM>, то для цих цілей можна застосовувати тег <SMALL>. Більшість браузерів підтримують вкладених тегів <SMALL>, однак використовувати такий підхід не рекомендується. Наприклад:
Шрифт <SMALL>меншого</SMALL> розміру.
Тег <SUB>
Тег <SUB> зрушує текст нижче рівня рядка і виводить його (якщо можливо) шрифтом меншого розміру. Зручно використовувати для математичних індексів. Наприклад:
Приклад шрифту <SUB>нижнього</SUB> індексу.
Тег <SUP>
Тег <SUP> зрушує текст вище рівня рядка і виводить його (якщо можливо) шрифтом меншого розміру. Зручно використовувати для завдання ступенів чисел в математиці. Наприклад:
Приклад шрифту <SUP>верхнього</SUP> індексу.
Тег <BLINK>
Тег <BLINK> відображає миготливий текст. Цей тег не входить в специфікацію HTML і підтримується тільки браузером Netscape. Досвідчені розробники вкрай рідко вдаються до використання цього тега, оскільки наявність на сторінці миготливих символів дратує багатьох користувачів.
Тег <SPAN>
Тег-контейнер <SPAN> є аналогом тега рівня блоку <DIV>. Може використовуватися в тих випадках, коли потрібно відмітити фрагмент тексту для завдання його властивостей, і при цьому не вдається використовувати ніякий інший структурний тег форматування.
Браузер Microsoft Internet Explorer додатково дозволяє використання таких параметрів тега: DIR, DATAFLD, DATAFORMATAS, DATASRC. Опис параметрів можна знайти у другій частині книги.
