Елементи форматування тексту

Для форматування текстів використовуються наступні теги:

• <h1>..</h1>, ... , <h6>..</h6> - теги заголовків, h1 –

найбільший, h6 – відповідно найменший

• <b>..</b> - виводить текст жирним шрифтом

• <i>..</i> - виводить текст курсивом

• <u>..</u> - виводить підкреслений текст

• <sub>..</sub> - текст у нижньому регістрі

• <sup>..</sup> - текст у верхньому регістрі

• <small>..</small> - текст, менший за стандарт

• <big>..</big> - текст, більший за стандарт

• <strike>..</strike> - перекреслений текст

• <br> - тег переходу на наступний рядок

 

Для того, щоб переглянути результат вашої роботи після редагування сторінки, її не обов’язково знову відкривати. Досить, просто в панелі інструментів ІЕ натиснути кнопку Refresh (Обновить) або клавішу F5.

Якщо сторінка, що відображається не змінилася, то причина може бути однією з наступних:

• ви нічого не змінили

• ви не зберегли зміни

• ви відредагували не ту сторінку

• ви внесли зміни, що не відображаються ІЕ, наприклад, відредагували щось в заголовку сторінки

• ви зробили зміни, яких не розуміє ІЕ, наприклад, використали неправильне ім’я тега, атрибута чи значення

Щоб розібратися з цією проблемою, проаналізуйте вашу сторінку на предмет вищезгаданих помилок.

 

Метод контейнерів

 

Завжди чітко дотримуйтесь принципу вкладеності тегів.

<b>

<strike>

Цей текст жирний та перекреслений

</b>

</strike>

Хоча, в даному випадку, сторінка буде відображатися коректно, але цей

запис не є коректним. Правильним є наступний запис:

<b>

<strike>

Цей текст жирний та перекреслений

</strike>

</b>

Принцип вкладеності тегів – це правило, за яким теги (якщо до одного фрагмента документа застосовується не один тег, а декілька) закриваються в зворотному порядку до того, в якому відкривалися.

Для того, щоб зрозуміти цей принцип, теги можна уявляти наступним чином: теги відкриття – це такі абстрактні коробочки, а теги закриття – це їх кришечки. А тепер поставте собі запитання: “Чи вийде покласти до більшої коробочки меншу, закрити більшу, а після цього закрити меншу, не відкриваючи більшої?” Навряд. Тому, якщо ви хочете уникнути маси помилок, суворо дотримуйтесь цього принципу.

Коментарі

Часто при створенні HTML-сторінки виникає необхідність пояснити ту чи іншу особливість HTML-коду або наміри розробника, але так, щоб ці пояснення не відображалися у вікні браузера. У таких випадках незамінними є коментарі.

Коментар – фрагмент коду, що не виконується.

Коментарі розташовані між групами символів <!-- та -->. Вступ до мови HTML.

 

<!-- Коментар, що займає один рядок-->.

<!-- Коментар можна

розміщувати в декількох рядках -->.

 

Лекція 8