Цвет текста и фона
Значение цвета в атрибутах языка HTML задается английским названием или кодом RGB стандартных цветов и их производных.
Color – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет заключенного в контейнер текста. Атрибут color, как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.
<font color="#CC0000"> Добро пожаловать! :) </font>
Значению цвета обязательно должен предшествовать значок «решетка» - #.
<html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. <br> <font color="#CC0000"> Добро пожаловать! :) </font> </body> </html> |
|
Тэг <font></font> - многофункционален. Им может задаваться не только цвет текста в конкретной части документа, но и размер шрифта, и вид шрифта (Arial):
<body text="#336699">
Это значит, что весь текст страницы будет синим, кроме текста, для которого мы специально прописали <font></font>. Если цвет текста в <body> не задавать, то по умолчанию он будет черным.
<html> <head> <title>Мой первый шаг </title> </head> <body text="#336699"> Здравствуйте, это моя первая страница. <br> <font color="#CC0000"> Добро пожаловать!</font> :) </body> </html> |
|
Цвет фона устанавливается в тэге <body>:
<body bgcolor="#000000">
Если цвет в <body> не указывать, то по умолчанию он будет белым, хотя иногда цветом по умолчанию может являться любой другой, кроме белого, поэтому лучше всегда прописывайте цвет фона в body
<html> <head> <title>Мой первый шаг </title> </head> <body text="#336699" bgcolor="#000000"> Здравствуйте, это моя первая страница. <br> <font color="#CC0000"> Добро пожаловать!</font> :) </body> </html> |
|
Форматирование текста. Параграфы
Параграфы вводятся тэгом:
<p></p>
С помощью параграфов мы можем:
<p align="center">текст</p> - центрировать текст;
<p align="left">текст</p> - выровнять текст по левому краю;
<p align="right">текст</p> - по правому краю;
<p align="justify">текст</p> - по ширине.
<html> <head> <title>Мой первый шаг </title> </head> <body text="#336699" bgcolor="#000000"> <p align="center"> Здравствуйте, это моя первая страница. <br> <font color="#CC0000"> Добро пожаловать!</font> :) </p> </body> </html> |
|
Тэг <div></div>, одно из назначений которого выравнивание содержимого вашего документа. Все четыре значения атрибута align можно употреблять с <div>: <div align="center"> текст </div> <div align="left"> текст </div> <div align="right"> текст </div> <div align="justify"> текст </div>
Параграф не может содержать в себе другие параграфы, и также тэг <div></div>.
ВЕРНО |
НЕВЕРНО |
|
<div align="right"> <p>текст первого абзаца</p> <p>текст второго абзаца</p> <p>текст третьего абзаца</p> </div> |
<p align="right"> <div>текст</div> <p>текст</p> <div>текст</div> </p> |
<p align="right"> <p>текст</p> <p>текст</p> <p>текст</p> </p> |