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