Вы уже сделали несколько страниц ? Если нет, вот пример:


My web-сайт

A Heading

text, text text, text

Subhead

text, text text, text

Теперь что?

Теперь выучим семь новых тэгов.

Таким же образом, как вы делали текст жирным шрифтом с помощью тэга , вы можете придать ему характер курсива/italic тэгом . И конечно, «i» это сокращение от «italic».

Пример 1:

Это должно быть выведено курсивом.
будет выглядеть в браузере:

Это должно быть выведено курсивом.

Аналогично можно уменьшить размер шрифта тэгом :

Пример 2:

Это будет выведено уменьшенным шрифтом.

будет выглядеть в браузере:

Это будет выведено уменьшенным шрифтом.

Могу ли использовать несколько тэгов одновременно?

Да, исключая перекрывание тэгов. Это проще увидеть на примере:

Пример 3:

Если вы хотите вывести текст bold и italic, это нужно сделать так:

Текст bold и italic

а НЕ так :

Текст bold и italic

Разница в том, что, в первом случае, мы закрыли первый тэг в последнюю очередь. Так мы избегаем конфликтов в браузере.

Ещё тэгов!

Как сказано в Уроке 4, есть тэги, которые являются одновременно открывающими и закрывающими. Эти тэги содержат команды, которые не связаны с конкретными буквами, являются изолированными командами. Пример — тэг
, который создаёт перевод строки:

Пример 4:

Некоторый текст
и ещё текст, уже на новой строке

будет выглядеть в браузере:

Некоторый текст
и ещё текст, уже на новой строке

Заметьте, что этот тэг записан как гибрид открывающего и закрывающего тэгов с пробелом и слэшем:
. В принципе, его можно записывать

, но зачем усложнять?

Другой такой тэг —


— рисует горизонтальную линию («hr» от «horizontal rule»):

Пример 5:


будет выглядеть в браузере:

———————————————————————————

Примеры тэгов, требующих наличия и закрывающего тэга:

    ,

      и

    1. . Эти тэги используются для вывода списков.
        — сокращение от «unordered list/неупорядоченный список» — вставляет значок кнопки для каждого элемента списка.

          — сокращение от «ordered list/упорядоченный список» — нумерует каждый элемент списка. Для создания элемента списка используйте тэг

        1. («list item/элемент списка»). Непонятно? См. примеры:

          Пример 7:

          • Элемент списка
          • Другой элемент списка

          выглядит в браузере:

          •Элемент списка
          •Другой элемент списка

          Пример 8:

          1. Первый элемент списка
          2. Второй элемент списка

          выглядит в браузере:

          1.Первый элемент списка
          2.Второй элемент списка

          Фи! И это всё?

          Всё на сегодня. Итак, экспериментируйте и создавайте ваши собственные страницы с семью новыми тэгами, изученными на этом уроке:

          Italic
          Уменьшенный шрифт

          перевод строки


          Горизонтальная линия

            Список
            Упорядоченный список
        2. Элемент списка