Изучаем теги BR, BIG, BLOCKQUOTE в HTML | Блог Селькина Виталия

Здраствуйте, на линии очередной урок по гипертекстовому языку разметки.

BIG

Описание:

Тег предназначен для увеличения шрифта на одну условную единицу. Как Вы уже знаете из предыдущего урока, условные единицы варьируются от 1 до 7, то есть если размер шрифта равен 3 единицам, то текст, содержащийся в теге BIG, будет равен 4 единицам.

Атрибуты:

Отсутствуют

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BIG</title>
</head>
<body>
<big>Контент</big> - один из важнейших факторов при продвижении сайта в ПС.
</body>
</html>

Видим, что размер слова "Контент" изменился на одну единицу. Теперь предлагаю изменить размер с использованием тега BASEFONT, который мы изучили в предыдущем уроке:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BIG</title>
<basefont size="6"/>
</head>
<body>
<big>Контент</big> - один из важнейших факторов при продвижении сайта в ПС.
</body>
</html>

Теперь слово "Контент" будет иметь на один размер больше от базового, т.е. размер слова составит 7 единиц.

BLOCKQUOTE

Описание:

Тег предназначен для увеличения шрифта на одну условную единицу. Как Вы уже знаете из предыдущего урока, условные единицы варьируются от 1 до 7, т.е если размер шрифта равен 3 единицам, то текст, содержащийся в теге BIG будет равен 4 единицам.

Атрибуты:

cite - источник цитаты

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BLOCKQUOTE</title>
</head>
<body>
<blockquote cite="Альфред Адлер">Легче умереть за идею, чем жить в соответствии с ней.</blockquote>
</body>
</html>

Теперь имеем цитату Альфреда Адлера. Атрибут CITE не обязателен, но в данном примере я его использовал.

BR

Описание:

Тег предназначен для перевода строки. Если Вы скачивали исходники второго урока, то заметили, что в я использовал этот тег для того, чтобы каждая фраза было на новой строке, иначе бы они следовали последовательно, что существенно ухудшает читабельность текста.

Атрибуты:

clear - отменяет обтекание строки.

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Tag BR</title>
</head>
<body>
<a href="#">Ссылка №1</a><br/>
<a href="#">Ссылка №2</a>
</body>
</html>

Получаем две ссылке в ряд. Если бы я не употребил данный тег, то обе ссылки следовали друг за другом. Теперь прописываем следующий код и смотрим результат в браузере:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BR</title>
</head>
<body>
<img src="1.jpg" align="left" alt="Отмена обтекания тегом BR"/><br/>
Тукан - птица умная и красивая
</body>
</html>

Получаем обтекание изображения текстом, но нам нужно получить текст под на изображением. Как видите, тег BR нам не помогает(он всего лишь даёт небольшой отступ сверху), вот тут нас выручает атрибут clear, который удаляет обтекание с нужной стороны. Пробуем:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Тег BR</title>
</head>
<body>
<img src="1.jpg" align="left" alt="Отмена обтекания тегом BR"/><br clear="left"/>
Тукан - птица умная и красивая
</body>
</html>

Атрибут удалил обтекание с левой стороны, и мы получили то, что нам было необходимо. По названию атрибута и так понятно, что он что-то очищает. Существует 3 параметра у атрибута clear:

none - отмена действия атрибута, то есть равносильно отсутствию самого атрибута.
left - отменяет обтекание с левого края - то, что мы и испольщовали в примере.
right - отменяет обтекание с правого края.
all - отменяет обтекание и с левого края, и с правого.

Заканчиваем, жду Вас в следующем уроке! Обязательно попрактикуйтесь, если что-то не понятно - задавайте вопрос в комментариях.