Надеюсь вы уже создали несколько страниц? Если нет, то вот
пример:
|
1 2 3 4 5 6 7 8 9 10 11 |
<html> <head> <title>Мой web-сайт</title> </head> <body> <h>Заголовок</h1> <p>Текст</p> <h2>Подзаголовок</h2> <p>Текст</p> </body> </html> |
А теперь давайте выучим несколько новых тэгов. Для того чтобы сделать текст жирным вы использовали тэг <b>. Также вы можете придать ему характер курсива при помощи тэгов <i> </i>.
Пример 1:
|
1 |
<i>Текст выделен курсивом.</i> |
будет выглядеть в браузере:
Аналогичным образом вы можете уменьшить размер шрифта тэгами <small> </small>.
Пример 2:
|
1 |
<small>Данный текст будет выведен уменьшенным шрифтом</small> |
будет выглядеть в браузере:
Можно ли использовать несколько тэгов одновременно?
Можно, исключая перекрывания тэгов.
Если вы хотите вывести текст жирным шрифтом и курсивом, это
нужно сделать следующим образом:
<b><i>Текст жирным шрифтом и курсивом</i></b>
А НЕ ТАК:
<b><i>Текст жирным шрифтом и курсивом</b></i>
Разница в том, что, в первом случае, мы закрыли тэг в последнюю очередь. Так вы избежите конфликта в браузере.
Как уже говорилось раннее существуют открывающие и закрывающие тэги. Они содержат определенные команды, которые не связаны с конкретными буквами и являются изолированными командами. Пример тому тег <br />, который выполняет перевод
строки:
Пример 4:
Некоторый текст<br /> и ещё текст, уже на новой строке
будет выглядеть в браузере:
Обратите внимание на то, что этот тэг записан как гибрид открывающего и закрывающего тэгов с пробелом и слешем: <br />. Так же вы можете записывать его как <br></br>, но зачем вам все усложнять?
Следующий тэг <hr />, он рисует горизонтальную линию(«hr» от
«horizontal rule»):
Пример 5:
<hr />
будет выглядеть в браузере:
Примеры тэгов, которые требуют закрывющий тэг: <ul>, <ol> и <li>. Данные тэги используютя при выводе списков.
<ul> сокращение от «unordered list/неупорядоченный список» — выводит значок кнопки для каждого элемента из списка. <ol> -сокращение от «ordered list/упорядоченный список» — выполняет нумерацию элементов из списка. Для того чтобы создать элемент списка используют тэг <li> («list item/элемент списка»). Непонятно? См. примеры:
Пример 7:
|
1 2 3 4 |
<ul> <li>Первый элемент списка</li> <li>Второй элемент списка</li> </ul> |
выглядит в браузере:
Пример 8:
|
1 2 3 4 |
<ol> <li>элемент списка № 1</li> <li>элемент списка № 2</li> </ol> |
выглядит в браузере:
На сегодня все. Не останавливайтесь на достигнутом результате, продолжайте создавать новые страницы с помощью новых тэгов.
|
1 2 3 4 5 6 7 |
<i>Курсив</i> <small>Уменьшенный шрифт</small> <br /> перевод строки <hr /> Горизонтальная линия <ul>Список</ul> <ol>Упорядоченный список</ol> <li>Элемент списка</li> |