Форматирование текста на Web-странице

реклама
Форматирование текста
на Web-странице
Структура простейшего HTML-документа
<html>
<head>
<title> Заголовок окна</title>
ЗАГОЛОВОК
</head>
<body>
Содержание страницы
СОДЕРЖАНИЕ
</body>
</html>
ЗАГОЛОВОК
<html>
<head>
<title> СТИХОТВОРЕНИЕ </title>
</head>
<body>
Сергей Есенин
<H1> «Береза» </H1>
Белая береза
Под моим окном
Принакрылась снегом,
Точно серебром.
На пушистых ветках
Снежною каймой
Распустились кисти
Белой бахромой.
от <H1> до <Н6>
<H1> - крупный
<Н6>
- мелкий
атрибут
И стоит береза
В сонной тишине,
И горят снежинки
В золотом огне.
А заря, лениво
Обходя кругом,
обсыпает ветки
Новым серебром.
</body>
</html>
"
имя = " значение
<тег атрибут1= "значение"
атрибут2="значение">
ВЫРАВНИВАНИЯ ТЕКСТА
<html>
<head>
<title> СТИХОТВОРЕНИЕ </title>
</head>
<body>
Сергей Есенин
<H1 ALIGN>
<H1> «Береза» </H1>
<H1 ALIGN="center">
Белая береза
Под моим окном
Принакрылась снегом,
Точно серебром.
На пушистых ветках
Снежною каймой
Распустились кисти
Белой бахромой.
И стоит береза
В сонной тишине,
И горят снежинки
В золотом огне.
А заря, лениво
Обходя кругом,
обсыпает ветки
Новым серебром.
</body>
</html>
атрибут ALIGN
ALIGN="center"
ALIGN="left"
ALIGN="right"
ФОРМАТИРОВАНИЕ ШРИФТА
<html>
<head>
<title> СТИХОТВОРЕНИЕ </title>
</head>
<body>
<FONT FACE="Calibri">
<FONT> Сергей Есенин
<H1 ALIGN="center"> «Береза» </H1>
Белая береза
Под моим окном
Принакрылась снегом,
Точно серебром.
На пушистых ветках
Снежною каймой
Распустились кисти
Белой бахромой.
И стоит береза
В сонной тишине,
И горят снежинки
В золотом огне.
А заря, лениво
Обходя кругом,
обсыпает ветки
Новым серебром.
</body>
</html>
<FONT>
Атрибуты:
FACE – название шрифта
SIZE – размер шрифта
(по умолчанию - значение 3)
COLOR
– цвет шрифта
ШЕСТНАДЦАТЕРИЧНОЕ ЗНАЧЕНИЕ
В RGB-ФОРМАТЕ
#FF0000
red
ХХ ХХ ХХ
green
#008000
ФОРМАТИРОВАНИЕ ШРИФТА
<html>
<head>
<title> СТИХОТВОРЕНИЕ </title>
</head>
<body>
<FONT SIZE="5"
FACE="Calibri"
SIZE="5"> Сергей Есенин </FONT>
<FONT FACE="Calibri"
COLOR="RED">
<H1 ALIGN="center"> «Береза» </H1>
Белая береза
Под моим окном
Принакрылась снегом,
Точно серебром.
На пушистых ветках
Снежною каймой
Распустились кисти
Белой бахромой.
И стоит береза
В сонной тишине,
И горят снежинки
В золотом огне.
А заря, лениво
Обходя кругом,
обсыпает ветки
Новым серебром.
</body>
</html>
<FONT>
Атрибуты:
FACE – название шрифта
SIZE – размер шрифта
(по умолчанию - значение 3)
COLOR
– цвет шрифта
ШЕСТНАДЦАТЕРИЧНОЕ ЗНАЧЕНИЕ
В RGB-ФОРМАТЕ
#FF0000
#008000
АБЗАЦ
<html>
<head>
<title> СТИХОТВОРЕНИЕ </title>
</head>
<body>
<FONT FACE=“Calibri ” SIZE=“5” COLOR=“RED”> Сергей Есенин </FONT>
<H1 ALIGN=“center”>«Береза» </H1>
<р> Белая береза <br>
Под моим окном <br>
Принакрылась снегом, <br>
Точно серебром. </р>
<р> На пушистых ветках <br>
Снежною каймой <br>
Распустились кисти <br>
Белой бахромой. </р>
<р> И стоит береза <br>
В сонной тишине, <br>
И горят снежинки <br>
В золотом огне. </р>
<р> А заря, лениво <br>
Обходя кругом, <br>
обсыпает ветки <br>
Новым серебром. </р>
</body>
</html>
<р>
<br>
АБЗАЦ
<html>
<head>
<title> СТИХОТВОРЕНИЕ </title>
</head>
<body>
<FONT FACE="Calibri" SIZE="5" COLOR="RED"> Сергей Есенин </FONT>
<H1 ALIGN="center"> «Береза» </H1>
<р> <FONT COLOR="blue"> Белая береза <br>
Под моим окном <br>
Принакрылась снегом, <br>
Точно серебром. </р>
</FONT> </р>
<р> На пушистых ветках <br>
<P ALIGN="right">
Снежною каймой <br>
Распустились кисти <br>
Белой бахромой. </р>
<р> И стоит береза <br>
<р> <FONT SIZE="2">
В сонной тишине,<br>
И горят снежинки <br>
В золотом огне. </р>
</FONT> </р>
<р> А заря, лениво <br>
<P ALIGN="center">
Обходя кругом, <br>
обсыпает ветки <br>
Новым серебром. </р>
</body>
</html>
<р>
<br>
РАЗДЕЛИТЕЛЬНАЯ ЛИНИЯ
<html>
<head>
<title> СТИХОТВОРЕНИЕ </title>
</head>
<body>
<FONT FACE="Calibri" SIZE="5" COLOR="RED"> Сергей Есенин </FONT>
<H1 ALIGN="center"> «Береза» </H1> <hr>
<р> <FONT COLOR="blue"> Белая береза <br>
Под моим окном <br>
Принакрылась снегом, <br>
Точно серебром. </FONT></р>
<P ALIGN="right"> На пушистых ветках <br>
Снежною каймой <br>
Распустились кисти <br>
Белой бахромой. </р>
<р> <FONT SIZE="2"> И стоит береза <br>
В сонной тишине,<br>
И горят снежинки <br>
В золотом огне. </FONT> </р>
<P ALIGN="center"> А заря, лениво <br>
Обходя кругом, <br>
обсыпает ветки <br>
Новым серебром. </р> <hr>
</body>
</html>
<hr>
Скачать