6)Ещё немного HTML-тэгов

· Пользователи · Правила · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: Alleks

Alleks

Дата: Среда, 06.01.2010, 13:23 | Пост # 1

Пох на статус!!)))

Группа: Пользователи

Сообщений: 212

Статус: Оффлайн

У вас

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

Code

<html>

 <head>
 <title>My web-сайт</title>
 </head>

 <body>
 <h1>A Heading</h1>
 text, text text, text
 <h2>Subhead</h2>
 text, text text, text
 </body>

 </html>

Теперь что?

Теперь выучим семь новых тэгов.

Таким же образом, как вы делали текст жирным шрифтом с помощью тэга , вы можете придать ему характер курсива/italic тэгом . И конечно, "i" это сокращение от "italic".

Пример 1:

Code

Это должно быть выведено курсивом.

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

Это должно быть выведено курсивом.

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

Да, исключая перекрывание тэгов. Это проще увидеть на примере:

Пример 2:

Если вы хотите вывести текст bold и italic, это нужно сделать так:

Code

Текст bold и italic

а НЕ так :

Code

Текст bold и italic

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

Ещё тэгов!

Как сказано в Уроке 4, есть тэги, которые являются одновременно открывающими и закрывающими. Эти тэги содержат команды, которые не связаны с конкретными буквами, являются изолированными командами. Пример - тэг , который создаёт перевод строки:

Пример 3:

Code

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

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

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

Заметьте, что этот тэг записан как гибрид открывающего и закрывающего тэгов с пробелом и слэшем: . В принципе, его можно записывать , но зачем усложнять?

Другой такой тэг - <hr /> - рисует горизонтальную линию ("hr" от "horizontal rule"):

Пример 4:

Code

<hr />

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

-------------------------------------------------------------------

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

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

Пример 5:

Code

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

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

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

Пример 8:

Code

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

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

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

Фи! И это всё?

Всё на сегодня. Итак, экспериментируйте и создавайте ваши собственные страницы с семью новыми тэгами, изученными на этом уроке: