Показать меню
Показать категории

Чем отличается тег <p> от <div>?

0 голосов
2,770 просмотров
спросил(а) Кристина (1,998 баллов) в категории Компьютеры и ПО

1 Ответ

+1 голос

Оба тега <p> и <div> являются блочными элементами, которые используются в языке гипертекстовой разметки (HTML). Тег <p> применяется для размещения текста на странице и разделения его на абзацы. С помощью тега <div> можно выделить фрагмент в документе и с помощью таблицы стилей (CSS) преобразовать его. Тег <p> и тег <div> начинаются всегда с новой строки, а после закрытия тега делается отступ. Для тега <div> наличие закрывающего тега </div> обязательно в отличие от <p>-тега. Если пропустить закрывающий </p>-тег, то параграф закончится с началом следующего блочного элемента. Шрифт, стиль, цвет текста и просвет между параграфами можно задать в таблице стилей.

примеры

html код:

<p>В одних садах цветёт миндаль, в других метёт метель.</p>

<p>В одних краях ещё февраль, в других - уже апрель.</p>

<p>Проходит время, вечный счёт: год за год, век за век...</p>

<p>Во всём - его неспешный ход, его кромешный бег.</p>

<p>В году на радость и печаль по двадцать пять недель.</p>

<p>Мне двадцать пять недель февраль, и двадцать пять - апрель.</p>

<p>По двадцать пять недель в туман уходит счёт векам.</p>

<p>Летит мой звонкий балаган куда-то к облакам.</p>

<p><i>М. Щербаков</i></p>

<head>

<style type="text/css">

.block1 { width: 200px; background: #ccc; padding: 5px; padding-right: 20px; border: solid 1px black; float: left; }

.block2 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; float: left; position: relative; top: 40px; left: -70px; } </style>

</head>

<body>

<div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div>

<div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div>

</body>


 

imageimage

ответил(а) Александра-lab (404 баллов)

Похожие вопросы

0 голосов
1 ответ
спросил(а) Innamorato (3,151 баллов) в категории Компьютеры и ПО
0 голосов
0 ответов
спросил(а) аноним в категории Интернет
0 голосов
2 ответов
...