Так, виключаючи перекривання тегів. Це простіше побачити на прикладі:
Приклад 3:
Якщо ви хочете вивести текст bold і italic, це потрібно зробити так:
<b><i>Текст bold і italic</i><b>
а НЕ так:
<b><i>Текст bold і italic</b><i>
Різниця в тому, що, в першому випадку, ми закрили перший тег в останню чергу. Так ми уникаємо конфліктів в браузері.
Ще тегів!
Як сказано в Уроці 4, є теги, які є одночасно відкриваючими і закриваючими. Ці теги містять команди, які не пов'язані з конкретними літерами, є ізольованими командами. Приклад - тег <br />, який створює перенесення рядка:
Приклад 4:
Деякий текст <br /> і ще текст, вже на новому рядку
буде виглядати в браузері:
Деякий текст і ще текст, вже на новому рядку
Зауважте, що цей тег записаний як гібрид відкриваючих і закриваючих тегів з пропуском і слешем: <br />. У принципі, його можна записувати <br> </ br>, але навіщо ускладнювати?
Інший такий тег - <hr /> - малює горизонтальну лінію ("hr" від "horizontal rule"):
Приклад 5:
<hr />
буде виглядати в браузері:
Приклади тегів, що вимагають наявності і закриває тега: <ul> , <ol> і <li>. Ці теги використовуються для виведення списків.
<ul> - скорочення від "unordered list / невпорядкований список" - вставляє значок кнопки для кожного елемента списку. <ol> - скорочення від "ordered list / упорядкований список" - нумерує кожен елемент списку. Для створення елемента списку використовуйте тег <li> ("list item / елемент списку"). Незрозуміло? Див. приклади:
Приклад 7:
<ul> <li>Елемент списку</li> <li>Інший елемент списку</li> </ul>
виглядає в браузері:
Елемент списку
Інший елемент списку
Приклад 8:
<ol> <li>Перший елемент списку</li> <li>Другий елемент списку</li> </ol>
виглядає в браузері:
Перший елемент списку
Другий елемент списку
Фе! І це все?
Все на сьогодні. Отже, експериментуйте і створюйте ваші власні сторінки з сімома новими тегами, вивченими на цьому уроці: