Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Абзацы и разрывы строк





Доверь свою работу кандидату наук!
1500+ квалифицированных специалистов готовы вам помочь

 

Тег <P>, разделяющий текст на абзацы, является наиболее часто используемым в HTML-документах.

Этот тег имеет только один атрибут – ALIGN, позволяющий выравнивать текст. Возможные значения атрибута ALIGN:

 

LEFT - по левому краю;

RIGHT - по правому краю;

CENTER - по центру;

justify – по ширине.

 

Если атрибут не задан, то абзац выравнивается по левому краю.

Следует отметить такую особенность форматирования абзаца – пустые строки, намеренно или случайно оставленные разработчиком между абзацами, никак не влияют на внешний вид страницы в броузере. Это же касается разрывов строк внутри абзаца. Текст, заключенный в теги абзаца, форматируется автоматически, и строки разрываются у границы окна броузера.

Если же требуется разбить строки абзаца в определенной точке, следует использовать тег разрыва строки <BR>. Этот тег не парный, т.е. существует только тег начала (тег конца не имеет смысла).

 

Отличие действия тегов <P> и <BR> в том, что тег <P> создает отступ (высотой в одну строку) между последней строкой абзаца и первой строкой следующего абзаца. А тег <BR> просто разрывает строку и переносит текст на следующую.

 

Пример 7. HTML-документ с разрывами строк и разбивкой на абзацы

 

<html>

 

<head>

 

<title>Информационные технологии</title>

 

</head>

 

<body>

 

<H3> Пример разбивки текста на абзацы и разрыва строк </H3>

 

<P align=center> В истории развития цивилизации произошло несколько информационных революций. </P>

 

<P align=justify>П е р в а я революция <BR>

связана с изобретением письменности. Появилась возможность передачи знаний от поколения к поколениям.</P>

 

<P align=justify>В т о р а я (середина XVI в.) <BR> вызвана изобретением книгопечатания, которое радикально изменило индустриальное общество, культуру, организацию деятельности.</P>



 

<P align=justify>Т р е т ь я (конец XIx в.) <BR>

обусловлена изобретением электричества, благодаря которому появились телеграф, телефон, радио, позволяющие оперативно передавать и накапливать информацию в любом объеме.</P>

 

<P align=justify>Ч е т в е р т а я (70-е гг. XX в.) <BR>

связана с изобретением микропроцессорной технологии и появлением персонального компьютера.:</P>

 

</body>

</html>

 

В этом примере текст, следующий после заголовка, разбит на пять абзацев. Первый из них имеет выравнивание по центру (<P align=center>), остальные выравнены по ширине <P align=justify>. Внутри всех абзацев, кроме первого, имеются разрывы строк (тег <BR>). Обратите внимание на то, что в исходный текст между третьим и четвертым абзацами вставлена пустая строка, между остальными абзацами – нет. Кроме того, в третьем абзаце после тега <BR> нет перехода на новую строку. Все эти особенности никак не отразились на внешнем виде документа в окне броузера (см. рис. 8.6).

 

 

Рис. 8.6. HTML-документ с разбивкой на абзацы и разрывами строк

 

Разделительная горизонтальная линия

Тег горизонтальной линии <HR> может быть средством организации текста и дизайна. Этот тег можно использовать в любом месте основной части HTML-документа. Тег <HR> имеет следующие атрибуты:

SHADE , NOSHADE - тип линии (контурная или сплошная черная); по умолчанию (если атрибут не задан) устанавливается значение SHADE (контурная).

WIDTH – длина линии в процентах от ширины страницы.

ALIGN – выравнивание относительно страницы.

SIZE – толщина линии в пикселях.

 

Примеры разделительных линий в документе показаны на рис. 8.7, ниже приведен текст HTML-документа этого примера.

 

 

Рис. 8.7. Примеры горизонтальных разделительных линий

 

Пример 8. HTML-документ с горизонтальными разделительными линиями

<HTML>

 

<HEAD>

<TITLE>Примеры горизонтальных линий</TITLE>

</HEAD>

 

<BODY>

 

<B> Сплошная линия длиной 50% толщиной 10, выровненная по центру:</B>

<HR NOSHADE WIDTH=50% SIZE=10 ALIGN=center><P>

<B>Контурная линия длиной 30% толщиной 5, выровненная по левому краю</B>

<HR WIDTH=30% ALIGN=left SIZE=5><P>

<B> Линия толщиной 25:</B>

<HR SIZE=25 NOSHADE><P>

<B> Линия толщиной, равной 1:</B>

<HR SIZE=1 NOSHADE><P>

 

</BODY>

</HTML>

 

Поможем в написании учебной работы
Поможем с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой




Дата добавления: 2014-11-29; Просмотров: 513; Нарушение авторских прав?;


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



ПОИСК ПО САЙТУ:


Читайте также:
studopedia.su - Студопедия (2013 - 2022) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.021 сек.