Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31


Чувашия-это моя Россия

Абзацы в 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, размещая потомв корневой каталог сайта. Скорее всего у Вас тут не будет проблем, не сложная ситуация для понимания.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

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

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: