Глава третья - текст
Итак вспомним пример
из предыдущей главы. Мы уже научились делать страницы с простым текстом. Добавьте к тому что есть побольше текста, например напишите еще "Как здорово что теперь я могу сделать свою страницу в интернете, теперь мои друзья могут зайти на сайт и почитать обо мне. Пусть все думают что я клевый программер" или придумайте свой текст.
У вас получится примерно вот это: пример
Получилось не очень красиво, не правда ли? ;) Все в одну строку, даже если мы при наборе переносили. Для переноса на другую строку существует специальный тэг:
<br> - тэг переноса на другую строку.
Этому тэгу закрывающий не требуется, т.к. этот тэг просто переносит на другую строку. Попробуем понатыкать его в нашем тексте:
<html>
<head>
<title>
Моя первая страница!
</title>
</head>
<body>
Здравствуйте, это моя первая страница.<br>
Я ее сделал сам! Добро пожаловать!<br>
Как здорово что теперь я могу сделать свою страницу в интернете, теперь мои друзья могут зайти на сайт и почитать обо мне. <br>
Пусть все думают что я клевый программер.
</body>
</html>
Посмотрим что у нас получилось: пример
Тэг <font> определяет различные свойства текста, его цвет (по умолчанию - черный), размер, шрифт и прочие. У многих тэгов есть параметры. У одного тэга можно прописывать сразу несколько параметров. Применим этот тэг к первому предложению в нашем примере:
<font color="lime" size="+2"> Здравствуйте, это моя первая страница. </font>
То есть у нас должен быть такой хтмл-код:
<html>
<head>
<title>
Моя первая страница!
</title>
</head>
<body>
<font color="lime" size="+2"> Здравствуйте, это моя первая страница. </font><br>
Я ее сделал сам! Добро пожаловать!<br>
Как здорово что теперь я могу сделать свою страницу в интернете, теперь мои друзья могут зайти на сайт и почитать обо мне. <br>
Пусть все думают что я клевый программер.
</body>
</html>
Сохраните изменения, обновите и посмотрите что у вас получилось (пример).
Итак у тэга <font> есть параметры
color и size. Параметр size определяет размер шрифта, а параметр color его цвет. Параметр size может принимать значения от size="-3" до size="+3". Для параметра color существуют специальные таблицы цветов. Приведу некоторые из них:
black - черный
lime - лайм
white - белый
aqua - голубой
blue - синий
green - зеленый
red - красный
coral - коралловый (?)
olive - оливковый
silver - серебро
violet - виолетт (?)
Тэг <font> в основном используют когда хотят изменить цвет или размер части текста, а так его можно не использовать.
Следующий тэг который мы изучим:
<p> - тэг определяющий параграф.
С помощью него мы можем выравнять текст:
<p align="left">По левому краю</p>
<p align="center">По центру</p>
<p align="right">По правому краю</p>
<p align="justify">По ширине</p>
Давайте попробуем выровнять весь текст в нашем многострадальном примере по центру:
<html>
<head>
<title>
Моя первая страница!
</title>
</head>
<body>
<p align="center">
<font color="lime" size="+2"> Здравствуйте, это моя первая страница. </font><br>
Я ее сделал сам! Добро пожаловать!<br>
Как здорово что теперь я могу сделать свою страницу в интернете, теперь мои друзья могут зайти на сайт и почитать обо мне. <br>
Пусть все думают что я клевый программер.
</p>
</body>
</html>
Смотрите, мы весь текст что у нас был заключили между <p align="center"> и </p>, и у нас весь текст выровнялся по центру страницы: пример
Выровнять все по центру можно и с помощью тэга <center>, все что находится между <center> и </center> выравнивается по-центру. Тегов которые выравнивали бы все по левому или правому краю нету.
Новый для нас тэг - тэг заголовка. Точнее шесть тэгов:
<h1>Заголовок</h1>
<h2>Заголовок</h2>
<h3>Заголовок</h3>
<h4>Заголовок</h4>
<h5>Заголовок</h5>
<h6>Заголовок</h6>
Тэг заголовка - очень важный тэг. По ним поисковые системы типа Яндекса ищут в интернете страницы с инфой в соответствии с нашим запросом. Поэтому первым в вашей странице должен быть заголовок ( я обычно использую <h3>). Не забудьте его центрировать, т.е. заключить между <center> и </center>.
Другие тэги для кусков текста:
<b>Жирный текст</b>
<i>Курсив</i>
<u>Подчеркнутый</u>
Глава четвертая
|
