Разположение и подравняване
Публикувана от smilev на January 12 2011 09:42:57
Разширена новина
Върху разположението и подравняването на текст (и някои други елементи, например графики и пр.) в html страницата може да се въздейства чрез следните тагове:
1. [b]<br />[/b] Пренася текста на следващия ред. Няма затварящ таг. Може да се използва за оставяне на един, два и т.н. празни реда, като се изпишат толкова на брой тагове <br /> колкото празни редове трябва да се оставят.
2. [b]<p> </p>[/b] Оставя разстояние от един ред между горната и долната част на текстов блок и останалия текст. Може да се използва с атрибута align, чиито стойности могат да бъдат:
<p align="left"> Подравнява текста вляво (това е подравняването и по подразбиране)
<p align="right"> Подравнява текста вдясно
<p align="justify"> Подравнява текста едновременно и вляво и вдясно
<p align="center"> Центрира текста
3. [b]<blockquote> </blockquote>[/b] Показва текстов блок с отстъп и оставя разстояние от един ред между горната и долната част на текстов блок и останалия текст
4. [b]<pre> </pre>[b] Показва текста така както е написан в текстовия редактор - с всички паузи м/у букви и думи и оставени празни редове
5. [b]<xmp> </xmp>[/b] Ако се изпише html-код между <xmp> и </xmp> той ще се покаже в браузъра така както е написан в текстовия редактор - с ъгловите скоби на таговете, с паузите между букви и думи и с оставените празни редове (не се поддържа от XHTML 1.0 Strict DTD)
6. [b]<nobr> </nobr>[/b] Не позволява разкъсване на текста и пренасяне на думи на по-долен ред - показва текста на един ред
7. [b]<div align="стойност"> </div>[/b] Подравнява текста според зададената стойност на атрибута align:
<div align="left"> Подравнява текст и други елементи вляво
<div align="right"> Подравнява текст и други елементи вдясно
<div align="justify">Подравнява текста едновременно и към лявата и към дясната част на страницата
<div align="center"> Центрира текст и други елементи
8. [b]<center> </center>[/b] Центрира текст и други елементи (не се поддържа от XHTML 1.0 Strict DTD)
[b]!ВНИМАНИЕ:[/b] Атрибута align на тага <div> е изваден от стандартите на езика и не се поддържа от XHTML 1.0 Strict DTD, макар че браузърите ще продължат да го поддържат.
При изписване само на тага <div> без атрибути и стойности ефекта обикновено е като от тага <br>, т.е. преминаване на по-долен ред.
<div> може да се използва с атрибутите class и style, например:
[b]<div style="font-family: arial, helvetica, sans-serif; color: #ff0000; font-size: 12pt; text-decoration: underline; background-color: #00ff00"[/b]>задава шрифт arial и сродните му, червен цвят на текста, големина на текста 12pt, подчертава текста и създава зелен фон [b]</div>[/b] и т.н.