Создание сайта
Регистрация
Продвижение
Монетизация
Облако тегов

Требуется для просмотраFlash Player 9 или выше.

Показать все теги

Главная » Создание сайта » HTML » Учебник HTML для начинающих. Блочная верстка

Учебник HTML для начинающих. Блочная верстка
Раздел: Создание сайта » HTML  
14 июня 2009   |   автор: admin Оставить комментарий



 

Урок5. Продолжаем изучать тэги

 

Теперь расширим познания, изучив несколько дополнительных тэгов.

 

Вы уже знаете, что позволяет делать с текстом тэг . С его помощью шрифт становится жирным. «b» - это сокращение от англ. «bold». По аналогии с ним применяется тэг, который позволяет отображать шрифт курсивом. Это тэг - , сокращение от англ. «italic».

 

Пример:

 

<i>Текст выводится курсивом</i>

 

Текст выводится курсивом


Вы также можете использовать несколько тэгов одновременно:

 

<b><i>Жирный шрифт, отображаемый курсивом</i></b>

 

Жирный шрифт, отображаемый курсивом

 

Обратите внимание на последовательность тэгов, их нельзя перемешивать.

</p>
<p> </p>
<p>Верно:</p>
<p> </p>
<p><b><i>Жирный шрифт, отображаемый курсивом</i></b></p>
<p><i><b>Жирный шрифт, отображаемый курсивом</b></i></p>
<p> </p>
<p>Неверно:</p>
<p> </p>
<p><b><i>Жирный шрифт, отображаемый курсивом</b></i></p>
<p><i><b>Жирный шрифт, отображаемый курсивом</i></b></p>

 

 

 

 

 

 

 

Еще тэги.

 

Тэг
- используется для переноса строки. Он не требует закрывающего тэга.

 

Пример:

 

Определенный текст
а это его продолжение с новой строки


Определенный текст


а это его продолжение с новой строки

 

Тэг


- выводит горизонтальную линию ("hr" от "horizontal rule"). Ему также не требуется закрывающий тэг.

 

Пример:

 


__________________________________________________

 

 

Существуют тэги, которые позволяют создавать списки:

    ,
      и
    1. .

       

        - сокращение от "unordered list/неупорядоченный список" - вставляет значок кнопки для каждого элемента списка.

          - сокращение от "ordered list/упорядоченный список" - нумерует каждый элемент списка.

          Для создания элемента списка используется тэг

        1. ("list item/элемент списка"). Попробуем разобраться на примерах.

           

          Пример:

           

          Код HTML:

           

             

          <ul><br /> <li>Элемент списка</li><br /> <li>Другой элемент списка</li><br /> </ul>

           

          Результат в браузере:

           

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


          Пример:

           

          Код HTML:

           

             

          <ol><br /> <li>Первый элемент списка</li><br /> <li>Второй элемент списка</li><br /> </ol>


          Результат в браузере:

           

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


          Ну что ж, пока информации достаточно. Ваша задача - продолжать эксперименты. Используйте изученные в данном уроке тэги для создания своих страниц. Постарайтесь запомнить, как и для чего они используются.


          Далее... Урок 6. Применяем атрибуты

           

           

          Вернуться к Оглавлению 

           


Ключевые теги: Учебник HTML, Блоки, div, блочная верстка
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
web-lesson.ru
Добавление комментария
Ваше Имя:
Ваш E-Mail:
Код:
Введите код