Понеделник, 2024-12-23, 7:14 AM
Welcome Guest

Меню
Уроци
Анкета
Пред компютъра или пред телевизора предпочитате да сте?
Общо гласували: 167
Начало » 2008 » ноември » 14 » Разположение и подравняване»

Разположение и подравняване
1:19 PM
Code
Върху разположението и подравняването на текст (и някои други елементи, например графики и пр.) в html страницата може да се въздейства чрез следните тагове:

1.
Пренася текста на следващия ред. Няма затварящ таг. Може да се използва за оставяне на един, два и т.н. празни реда, като се изпишат толкова на брой тагове
колкото празни редове трябва да се оставят.

2.

</p> Оставя разстояние от един ред между горната и долната част на текстов блок и останалия текст. Може да се използва с атрибута align, чиито стойности могат да бъдат:
<p align="left"> Подравнява текста вляво (това е подравняването и по подразбиране)
<p align="right"> Подравнява текста вдясно
<p align="justify"> Подравнява текста едновременно и вляво и вдясно
<p align="center"> Центрира текста
Може само със самите тагове:
( <center></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> и т.н.
Категория: HTML Уроци | Прегледи: 792 | Добавен от: psworld |
Екипът на PSWORLD Ви благодари за проявения интерес!
  Призоваваме Ви да оставяте своите коментари за публикуваните уроци и новости.Пишете ни за Вашите проблеми и успехи в усвояването на Фотошоп. Публикувайте резултатите от Вашите опити. Така ще ни помогнете да се развиваме в правилната посока!

Общо коментари: 0
Качи картинка:(копирай кода на  "Thumbnail за Форуми" и го постави във формата за отговор)
Само регистрирани потребители могат да оставят коментари.
[ Регистрация | Login ]
Login form
Календар
«  ноември 2008  »
НеПоВтСрЧеПеСб
      1
2345678
9101112131415
16171819202122
23242526272829
30
    
Търсене

Наши приятели
Статистика

Всичко online: 15
Гости: 15
Потребители: 0
<