alt

Когда человеку тяжело,
это часто означает,
что он идёт к успеху.

alt


Теги div и span

Категория: Уроки HTML Просмотров: 3125 Коментариев: 0 Дата: 2017-06-11 Добавил: admin

 Теги fieldset и legend

В этом уроке мы рассмотрим еще два важных тега, которые используются очень часто при создании сайтов, - это теги <div> и <span>. Эти теги логического уровни и сами по себе они не как себя не проявляют. Тег <div> создает некий блок или контейнер, на который уже средствами CSS мы сможем воздействовать. Такому блоку мы можем задать практически любые параметры: ширину и высоту, цвет фона, позиционировать его в нужное нам место, да и многое другое. Все элементы, находящиеся в <div> блоке будут находиться внутри этого блока, не выходя за его рамки.

Создается такой контейнер (блок) следующим образом: например какой-то абзац заключим в тег <div>.

HTML
<!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> только часть текста и изменить его цвет и размер шрифта.

HTML
<!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.




Добавить комментарий:


Ваше имя

Текст комментария


Введите буквы с учетом регистра:





Апдейты

Популярное Свежие записи

Облако тегов