Описание тега P
Тег <P> — определяет текстовый параграф и является блочным элементом. При помощи этого тега практически можно написать сайт полностью.
По данной причине блок всегда начинается с новой строки. Между блоками тега <P> по умолчанию существует промежуток, величина которого регулируется при помощи стилей CSS. Открывающемуся тегу <P> обязательно следует закрывающийся тег </P>, если такой (</P>) отсутствует, то данным блоком будет считаться вся набивка (контент, наполнение страницы), и в результате произойдет ошибка. Внутри такого блока можно творить с текстом что угодно. Можно окрашивать текст, изменять размер. Все эти параметры формируются в тех же стилях. А можно внутри блока применять другие теги для форматирования текста, что не будет ошибкой.
Вот некоторые моменты, которые необходимы для верстки страницы с помощью тега <P>:
Синтаксис тега <P>:
Параметры тега <P>:
<p align=»left | center | right | justify»>.ТЕКСТ.</p> — выравнивание текста относительно левого и правого края.
Аналогично в стилях CSS — пишется — text-align
Синтаксис стилей CSS для тега <P>:
Применим к параграфу некоторые стили и запишем их в файл стилей CSS. Для этого присвоим тегу id=»paragraf»
Примеры написания параграфов.
center — Выравнивание текста по центру. Текст помещается по центру страницы, или блока. Очень удобный способ
выравнивания удобно использовать в заголовках и различных подписях, придает оформлению текста официальный
стиль, но большой объем такого текста читать не очень неудобно.
left — Выравнивание текста по левому краю.Правый край будет не ровным. Такой способ многим нравиться,
потому что позволяет легко находить следующую строку, что облегчает чтение большого текста.
right — Выравнивание текста по правому краю.
Этот способ выравнивания применяется крайне редко, разве только при
написании другим языком, или для определенного оформления.
Просто слева будет текст рваный.
justify — Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами. Кстати, довольно неплохой способ для написания большого текста без использования переносов строки, или нежелания выделять абзацы, вообще-то для ленивых, как мы.
Добавить комментарий
Теги HTML — Тег
Описание
Определяет текстовый абзац. Тег <p> является
блочным элементом, всегда начинается с новой строки, абзацы текста
идущие друг за другом разделяются между собой
Синтаксис
<p>Текст</p>
Атрибуты
- align
- Определяет выравнивание текста.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Не обязателен.
Пример. Использование тега <p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег P</title> </head> <body> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p> <p>Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </body> </html>
Спецификация ?
✖Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры: Настольные Мобильные ?
Internet Explorer | Chrome | Opera | Safari | Firefox |
1 | 1 | 1 | 1 | 1 |
Android | Firefox Mobile | Opera Mobile | Safari Mobile |
1 | 1 | 6 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Блочные элементы. | Текст. | Форматирование.
p — Xiper.net
Автор: Евгений Рыжков Дата публикации: 15.01.2009
Тег <p> (англ. paragraph — параграф) — тег-контейнер, предназанчен для создания абзацев.
Блочный элемент.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<p>...</p>
Атрибуты
Основные Вспомогательные События
align | выраванивание текста в абзаце
|
---|---|
class | определяет имя используемого класса |
dir | определяет направление символов:
|
id | уникальный идентификатор |
lang | определяет используемый язык |
onclick | щелчок на элементе |
ondblclick | двойной щелчок на элементе |
onkeydown | нажатие клавиши, когда элемент имеет фокус |
onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
onmousemove | движение указателя мыши, когда элемент имеет фокус |
onmouseout | смещение указателя мыши с элемента |
style | задает встроенную таблицу стилей |
title | добавляет всплывающую подсказку |
Пример
<p>
Абзац — малоисследованный компонент литературной формы, имеющий композиционное, сюжетно-тематическое, ритмическое значение и связанный со стилем автора.
</p>
Рекомендации по использованию
- закрывающий тег обязателен (</p>)
- тег <p> должен содержать CDATA и строчные элементы
- не допускается вложение абзацев в абзац
- обязательных атрибутов нет
- элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)
Твой код:
<html> <head> <title></title> </head> <body> <p>Абзац — малоисследованный компонент литературной формы, имеющий композиционное, сюжетно-тематическое, ритмическое значение и связанный со стилем автора.</p> </body> </html> Сделай код и жми тут
Результат:
большой полигонПо теме
seodon.ru | Теги HTML — Тег P
Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
Атрибут align, тега <P>, применяется для горизонтального выравнивания содержимого параграфа.
Значения
Значением атрибута является одно из зарезервированных слов.
- center — Выравнивание каждой строки по центру параграфа.
- left — Каждая строка вплотную прижимается к левой стороне параграфа.
- right — Каждая строка прижимается к правой стороне.
- justify — Выравнивание сразу по левой и правой сторонам параграфа. Каждая строка равномерно распределяется по ширине, в случае необходимости между элементами или словами добавляются пробелы. Первый и последний элементы строки всегда прижаты к соответствующим сторонам.
Значение по умолчанию: left.
Синтаксис
<p align="значение">...</p>
Обязательный атрибут: нет.
Пример HTML: применение атрибута align
<!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=utf-8"> <title>seodon.ru - Тег P, атрибут align</title> </head> <body> <p align="justify">Очередной ошибкой начинающих создателей сайтов является использование в HTML-страницах графических изображений больших объемов (в килобайтах) или использование графических форматов неоптимальных для интернета, например BMP. Лучше всего использовать в сети форматы GIF, JPG или PNG. </p> </body> </html>
Результат примера
Поддержка версиями HTML
Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
Поддержка: | Частично | Нет | Частично | Нет |
В HTML 4.01 и XHTML 1.0 использовать атрибут align допускается только с <!DOCTYPE> Transitional и Frameset, в противном случае будет невалидный код. А вообще, рекомендуется применять стили (CSS).
Поддержка браузерами
Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
Поддержка: | Да | Да | Да | Да | Да |
Тег p и заголовки
Снова всем здравствуйте сегодня, мы рассмотрим, такой тег как <p> и <h2></h2>….<h6></h6>. <p> этот тег создает абзац, с текстом данный тег относится только к тексту с его помощью можно установить текст в разных строках пример:
<p>Текст</p>
<p>Текст</p>
В блокноте
Вид в браузере
Как мы видим у нас эти два слова находятся не на одной строке, а каждый на своей. У этого тега также есть и атрибуты. Атрибуты это дополнительные команды к тегу.
У данного тега есть атрибут align данная команда часто используется и работает во многих тегах. Отвечает она за выравнивание текста. Пример <p align=»left или center или right или justify«>…</p>
Если мы пишем align=left то наш текст будет, выравнивается по левому краю это очень часто используется, так как это удобно и можно сразу определить, где начинается новая строка.
Если мы пишем align=center, то выравнивание текста будет по центру. Часто такое расположение используют для заголовков страниц.
Если напишем align=right текст будет, выравнивается по правому краю страницы, это выравнивание не очень удобно потому, что левый край остается пустым и читать становится проблематично.
И наконец, последний тип выравнивания align= justify создается одновременно выравнивание по левому и правому краю.
Чтобы было проще я напишу пример этого .
<html>
<body>
<p align=»left»> Мой текст для моей странички</p>
<p align=» center «> Мой текст для моей странички</p>
<p align=» right»> Мой текст для моей странички</p>
<p align=» justify «> Мой текст для моей странички</p>
</body>
</html>
Пример в блокноте
Результат в браузере
Далее тег <h2></h2> это заголовок как, например, в текстовом документе вы делаете заголовки так и в вашей страничке можно сделать заголовок <h2> это самый большой по размеру <h3> по меньше и так далее до <h6>- он самый маленький. Пример:
<html>
<body>
<h2> Мой первый сайт</h2>
</body>
</html>
Код в блокноте
Заголовок h2 в браузере
Вот как это выглядит на фото.
Далее для сравнения я написать небольшой пример :
<html>
<body>
<h2> Мой первый сайт</h2>
<h3> Мой первый сайт</h3>
<h4> Мой первый сайт</h4>
<h5> Мой первый сайт</h5>
<h5> Мой первый сайт</h5>
<h6> Мой первый сайт</h6>
</body>
</html>
Теги h2-h6
Результат
В теги <h2> по <h6> также можно использовать атрибут align в нем работают все выравнивание, такие как по левому краю, правому, по центру и с обеих сторон. Вот сегодня мы с вами разобрали два тега. Удачи пробуйте, если, что-то не получается, пишите обязательно помогу.