Урок 6: Ещё немного HTML-тэгов

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

                        
 
                                 
                                 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. Элемент списка