• Главное
• Радуга
• Как худеть
• Как бросить курить
• Сăмах
• Как создать сайт
• Лада приора
• Электросварка

• HTML
• CSS
• Web-диз
• JavaScript
• PHP
• jQuery
• SEO
• MySQL
• XML

Абзацы в HTML.

Печатный текст имеет определенную структуру, независимо от тог, на каком носителе данный текст находится. В книгах страницы поделены на части, разделы и главы и абзацы. В газетах и журналах отводятся рубрики и подзаголовки и строки, которые в свою очередь, включают фрагменты текста, что в свою очередь делятся на абзацы, отступы.

Текст, оформляемый на страницах Вашего сайта должен иметь логическую и понятную структуру, что создается определенным тегом абзац < p>.

Абзац p имеет вид тега < p>...< /p>, атрибуты ( id, class, style, title), абзацы - блочные элементы, они всегда начинаются с новой строки и поэтому последовательное написания нескольких абзацев p в одну строку ничего Вам не дает. Каждый последующий абзац все равно будет начинаться с новой строки. И тем более браузеры проставленные несколько пробелов или десятка два пробела будут принимать только за один единственный пробел. Поэтому когда будете писать текст всегда абзац начинайте с новой строки. Такая запись придает тексту читабельность и возможность выделять необходимую информацию за счет пространственного расположения на страницах сайта. При этом дизайн Вашей страницы сайта будет намного приятней и красивше.

О блочных элементах нам есть что рассказать и показать, так как в принципе все теги HTML на страницах сайта являются по сути прямоугольниками - блоками div. С этой стороны, абзац p, являясь блочным элементом, обладает всеми свойствами блока, то есть абзац можно поворачивать, сдвигать, вращать, перемещать с разной скоростью, увеличивать и уменьшать, видоизменять и еще кучу нужных и красивых действий можно совершать с абзацами.

Об этих удивительных возможностях блочных элементов Вы можете прочесть переходя по ссылке в разделах HTML, CSS, JavaScript, PHP, jQuery.

Абзацы p в HTML могут содержать текст и внутристрочные элементы, но они не могут содержать другие блочные элементы сайта или почти не могут( хотя Вам никто не запрещает размещать в абзацах другие элементы - можете проэкспериментировать), в том числе другие абзацы, но ссылки содержат легко и просто, сортированные и несортированные списки пожалуйста и т.д. Тут надо заметить, что как блок абзац может содержать другие блоки, но страшно не рекомендуют размещать в абзаце другие блоки, кроме указанных строк, ссылок, и списков. При не соблюдении этих правил, отображение элементов документа на страницах Вашего сайта может получиться не так как Вы задумали. Но, проэкспериментировать Вы всегда вольны и легко и просто можете проверить. Немного об этом поговорим в главе веб-графика и ее представления на страницах сайта.

Так как абзацы являются блочными элементами, то они всегда начинаются с новой строки на страницах сайта. Текст в HTML формируется с выравниванием по левой стороне страницы( левый край документа) и без выравнивания по правому краю для языков, где чтение производится слева направо( и наоборот при изменения направления чтения текста).

Для изменения любого заданного по умолчанию в браузере отображения в HTML можно использовать мощную систему таблиц стилей CSS. Так как абзацы блочные элементы, то используя каскадные таблицы стилей CSS можно получать различные эффекты отображения строк. Появления и скрытия, мигания и раскрашивания в разные цвета и т.д.. То есть Вы можете творить и Вы же можете не творить.

Настоятельно рекомендую всегда в HTML в конце писать закрывающий тег < /p>, чтобы не было лишних ошибок при отображении страниц сайта( хотя отсутствие закрывающего тега для абзаца как ошибкой браузерами не будет воспринято). И при этом не будет лишних проблем при отображении страниц сайта в разных браузерах. Желание всегда писать закрывающие теги элементов для Вас будет привычкой и автоматом без ошибок в дальнейшем начинаете писать коды программ( при использования современных редакторов при создании сайта об этом можно вовсе забыть).

Маленький пример абзацев для страницы сайта:

                      < p>Абзацы страниц сайта могут содержать текст и внутристрочные элементы 
                          страниц сайта, но они не могут содержать другие блочные элементы сайта
                          или почти не могут, в том числе другие абзацы страниц сайта, но ссылки 
                          содержат легко и просто, сортированные и несортированные списки пожалуйста
                          и т.д. Немного об этом поговорим в главе веб-графика и ее представления на 
                          страницах сайта.< /p>
                      < p>Так как абзацы страниц сайта являются блочными элементами сайта, то они 
                          всегда начинаются с новой строки на страницах сайта. Текст страниц сайта
                          формируется с выравниванием по левой стороне страницы( левый край документа) 
                          и без выравниванию по правому краю для языков, где чтение производится слева 
                          направо ( и наоборот при изменения направления чтения текста).< /p>
                      < p>Для изменения любого заданного по умолчанию в браузере отображения страниц 
                          сайта можно использовать мощную систему таблиц стилей. Так как абзацы блочные э
                          лементы, то используя каскадные таблицы стилей CSS можно получать различные 
                          эффекты отображения строк на страницах сайтов. Появления и скрытия, мигания 
                          и раскрашивания в разные цвета и т.д.. То есть творить не творить.< /p>

Можно сказать о том, что без тегов абзаца страницы сайта получились бы пресными и не красивыми. Да и стройность строк и четкость вертикальных линий и приятно, и красиво, когда абзац начинается с красной строки. Отступ есть отступ. Отступ выделяет и при том красиво абзац. И как видите, новая строка начинается с отступом от начала строки. Вот, этот отступ легко и просто задается стилевым способом:

                      < p style="text-indent: 50">

Как видите, данный абзац начался отступом на 50 пикселей вправо. И не надо использовать в вставке бесконечных символов пробела( потому как, все равно браузер воспринимает это множество как один пробел), чтобы устроить отступ строк. Вы просто и легко задаете отступ при помощи каскадных таблиц стилей CSS. Можно прямо в контексте на странице сайта оформить стилевую форму абзаца, можно через выделенные внешние файлы с расширением .css, размещая потомв корневой каталог сайта.

обратно на главную     назад    дальше     вперед