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