Урок 6: Еще несколько HTML тегов

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

А теперь давайте выучим несколько новых тэгов. Для того чтобы сделать текст жирным вы использовали тэг <b>. Также вы можете придать ему характер курсива при помощи тэгов <i> </i>.

Пример 1:

 

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

7-1

Аналогичным образом вы можете уменьшить размер шрифта тэгами <small> </small>.

Пример 2:

 

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

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

Можно, исключая перекрывания тэгов.

Если вы хотите вывести текст жирным шрифтом и курсивом, это
нужно сделать следующим образом:

<b><i>Текст жирным шрифтом и курсивом</i></b>

А НЕ ТАК:

<b><i>Текст жирным шрифтом и курсивом</b></i>

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

Как уже говорилось раннее существуют открывающие и закрывающие тэги. Они содержат определенные команды, которые не связаны с конкретными буквами и являются изолированными командами. Пример тому тег <br />, который выполняет перевод
строки:

Пример 4:

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

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

7-3
Обратите внимание на то, что этот тэг записан как гибрид открывающего и закрывающего тэгов с пробелом и слешем: <br />. Так же вы можете записывать его как <br></br>, но зачем вам все усложнять?

Следующий тэг <hr />, он рисует горизонтальную линию(«hr» от
«horizontal rule»):

Пример 5:

<hr />

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

7-4

Примеры тэгов, которые требуют закрывющий тэг: <ul>, <ol> и <li>. Данные тэги используютя при выводе списков.

<ul> сокращение от «unordered list/неупорядоченный список» — выводит значок кнопки для каждого элемента из списка. <ol> -сокращение от «ordered list/упорядоченный список» — выполняет нумерацию элементов из списка. Для того чтобы создать элемент списка используют тэг <li> («list item/элемент списка»). Непонятно? См. примеры:
Пример 7:

 

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

7-5
Пример 8:

 

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

7-6
На сегодня все. Не останавливайтесь на достигнутом результате, продолжайте создавать новые страницы с помощью новых тэгов.

 

Урок 7: Атрибуты HTML >>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *