В этом уроке мы рассмотрим еще два важных тега, которые используются очень часто при создании сайтов, - это теги <div> и <span>. Эти теги логического уровни и сами по себе они не как себя не проявляют. Тег <div> создает некий блок или контейнер, на который уже средствами CSS мы сможем воздействовать. Такому блоку мы можем задать практически любые параметры: ширину и высоту, цвет фона, позиционировать его в нужное нам место, да и многое другое. Все элементы, находящиеся в <div> блоке будут находиться внутри этого блока, не выходя за его рамки.
Создается такой контейнер (блок) следующим образом: например какой-то абзац заключим в тег <div>.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Первая HTML страница</title>
</head>
<body>
Абзац находится внутри данного блока и не наоборот.
</body> </html>
Далее рассмотрим второй подобный тег, и пишется он как <span>. Данный тег предназначен больше для внутренней работы и будет воздействовать на более малые участками кода, в отличие от тега <div>, который может повлиять на всю страницу в целом. Например, мы можем тот же текст заключить в тег <span>, а можем заключить в тег <span> только часть текста и изменить его цвет и размер шрифта.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Первая HTML страница</title>
</head>
<body>
Абзац находится внутри данного блока и не наоборот.
</body> </html>
При создании любой страницы тег <div> используют очень часто, так как с помощью него создаются блоки для каждого элемента страницы, по такой же схеме, как и раньше с использованием таблиц. Этот тег использует только два атрибута - это задающий идентификатор для блока id или класс class, через которые браузер и понимает, как и на какой воздействовать.
На этом с этими тегами завершим, а применять эти теги начнем при изучении CSS.
CSS