Форматиране на параграфи

Положението на текста в една HTML-страница трябва изрично да се укаже. Ако отворите един текстов редактор и започнете да пишете в него само текст, без никакви команди за указване на разположението на текста по страницата, текста ви ще се появи в прозореца на браузъра подравнен по най-горната и най-лявата му част и без никакви интервали между отделните редове, независимо дали при писането в текстовия редактор сте оставили такива или не. 

Разполагането на текста по страницата става чрез следните тагове:

Параграфи

  • Тага за параграф е <p>. Той има и завършващ таг - </p>

  • Текстовия блок затворен между таговете <p> и </p> ще се появи на страницата на един ред разстояние от предходния и следващия го текст, както е разположен настоящия текстов блок.

  • За подравняване на текст вляво, вдясно и центриране на текст се добавя атрибут align към тага <p>.
  • Друг таг за оформяне на текста в отделни параграфи е <div> ......... </div>, който също може да има атрибута align.

  • Ако изпишете няколко тага за параграф един след друг това ще има същия ефект както от един таг.

 

Преминаване на следващ ред

  • Тага за преминаване на следващ ред е <br /> и той няма затварящ таг.

  • Но тъй като XHTML изисква затваряне на всички тагове, в тага за преминаване на следващ ред се поставя наклонена завършваща черта на един интервал разстояние от буквите br - както е показано в примера.

  • На страницата ви ще се появят толкова свободни редове, колкото пъти изпишете тага <br /> Ако напишете например <br /> <br /> <br /> <br /> <br /> <br /> това ще предизвика следния ефект: 


     

Отстъп на блоков текст

  • Ако искате един блоков текст (например дълъг цитат) да се открои от останалия текст трябва да използвате тага <blockquote> Той има затварящ таг </blockquote>

  • Текста заключен между тези два тага ще се появи като абзац с отстъп и със свободен ред над и под него.

  • Ако в една двойка тагове се вмъкне и втора ще се получи още по-голям отстъп.

Оставяне на по-голям интервал между думите

Колкото и пъти да натискате клавиша за интервал на клавиатурата, това няма да даде отражение в html-документа. За да оставите по-голям интервал, трябва да въведети кода &nbsp; (В Dreamweaver трябва да преминете в режим Code и да въведете този код колкото пъти е необходимо.)

 

Атрибути на тага <P> и <DIV>

  • align="left"

  • align="right"

  • align="center"

  • align="justify"

  • За да центрирате текст може да ползвате и тага <center> , който има завършващ таг </center> Но е препоръчително все пак да се ползва тага div, тъй като тага center не се възприема от браузърите във всички случаи.