<p> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Воскресенье, 04.12.2016
Главная » Справочник HTML » Блочные элементы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<p> | Тег HTML

Тег <p> определяет параграф текста




Тег <p>  предназначен для определения параграфа.Создаёт отступы вокруг себя,в HTML5 атрибутов не имеет,для дополнительного форматирования используйте свойства CSS.Поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Синтаксис тега <p> ( закрывающий тэг обязателен )


<p>Параграф</p>

Тег работает в браузерах





Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг p</title>
<style>
@font-face {
font-family:MarckScript-Regular;
src: local("MarckScript-Regular"),
url(/css/demo/file/shrift/MarckScript-Regular.ttf);
}
p {
font-size:18px;
}
p#one {
color:red;
}
p#two {
font-family:MarckScript-Regular;
color:green;
}
p#tree:hover {
font-size:20px;
color:blue;
}
</style>
</head>
<body>
<p>Просто текст</p>
<p id="one">Красный текст</p>
<p id="two">Зелёный текст и изменённый шрифт</p>
<p id="tree">При наведении изменяем цвет и размер шрифта</p>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Блочные элементы | Добавил: IZOTOP (23.06.2012) | Автор: Меренков Михаил W
Просмотров: 643 | Теги: параграф текста | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]