Урок 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:
будет выглядеть в браузере:
Примеры тэгов, требующих наличия и закрывающего тэга:
- ,
- . Эти тэги используются для вывода списков.
- — сокращение отunordered list/неупорядоченный список- вставляет значок кнопки для каждого элемента списка.
- («list item/элемент списка»). Непонятно? См. примеры:
Пример 7:
Элемент списка
Другой элемент списка
выглядит в браузере:
Элемент списка
Другой элемент списка
Пример 8:
Первый элемент списка
Второй элемент списка
выглядит в браузере:
Первый элемент списка
Второй элемент списка
Фи! И это всё?
Всё на сегодня. Итак, экспериментируйте и создавайте ваши собственные страницы с семью новыми тэгами, изученными на этом уроке:
Italic Уменьшенный шрифт
перевод строки Горизонтальная линия- Список
- Упорядоченный список
Элемент списка
- — сокращение отordered list/упорядоченный список- нумерует каждый элемент списка. Для создания элемента списка используйте тэг
- («list item/элемент списка»). Непонятно? См. примеры:
- и