2. ТЕГИ ФОРМАТИРОВАНИЯ ТЕКСТА
При помощи тегов форматирования текста, можно
также и изменять уже имеющийся текст. Текст можно
сделать жирным, наклонным, подчеркнутым,
изменять размер и ширину букв, изменять цвет всего
предложения, слова и даже отдельной буквы. Текст
который форматируется должен находиться между
парными тегами. Необходимо соблюдать порядок
вложенности парных тегов. Начните с простых
конструкций.
3. Переход на следующую строку <br>
Для определения абзаца <p >текст</p>
Выравнивание абзаца:
<p align=“left”>по левому краю...</p>
<p align="right”>по правому краю...</p>
<p align="center”>по центру...</p>
<p align="justify"> абзац выровнен по ширине... </p>
4. Размеры шрифта
<p><font size="1">Шрифт 1</font></p> самый маленький
<p><font size="2">Шрифт 2</font></p>
<p><font size="3">Шрифт 3</font></p>
<p><font size="4">Шрифт 4</font></p>
<p><font size="5">Шрифт 5</font></p>
<p><font size="6">Шрифт 6</font></p>
<p><font size="7">Шрифт 7</font></p>
самый большой
7. Цвет шрифта
<p><font color="#ff0000">Красный цвет</font></p>
Основные цвета и их кодировка:
000000 — черный
FFFFFF — белый
FF0000 — красный
00FF00 — зелёный
0000FF – синий
FF00FF — фиолетовый
FFFF00 — жёлтый
00FFFF — голубой
8. Заголовки.
Заголовки, это особо отформатированные слова, на
которые поисковые машины обращают особое
внимание, особенно на заголовки уровня 1, который
должен располагаться в самом верху страницы. Но не
увлекайтесь заголовками так как при большом
избытке их на странице поисковый робот начинает их
просто игнорировать.
9. <h1> Заголовок 1 уровня </h1>
<h2> Заголовок 2 уровня </h2>
<h3> Заголовок 3 уровня </h3>
<h4> Заголовок 4 уровня </h4>
<h5> Заголовок 5 уровня </h5>
<h6> Заголовок 6 уровня </h6>
10. (Вставка картинок, фотографий, анимации)
alt - описание картинки, которое появляется при
наведении на неё курсора, обязательно делайте
подписи к картинкам, поисковые системы очень
не любят картинки без подписей, а картинки с
подписями обязательно проиндексируют и
картинку да и страницу заодно.
<p><center><img src="tigr.jpg"
alt="Это изображение
тигра"></center></p>
11. Фон страницы.
Картинка «img src» и фон страницы «background» .
Фон страницы задает общий цвет для всего документа, можно
использовать как стандартные цвета, так и картинки,
графику, фотографии. Причем фон, позволяет размещать
поверх него и графику и текст, а рисунки и фотографии
такой возможности не предоставляют.
<body background="fon.jpg"><p>
<img src="teacher.jpg" border="1"></p></body>
12. Изменение размера картинки
<img src="img/tigr.jpg" width="100" height="82">
Горизонтальная черта длинна 50 и толщина 5 <hr
align="left" width="50" size="5" noshade>
13. ТЕКСТОВАЯ ССЫЛКА
Текстовые ссылки используются для переходов между страницами
сайта, внутри текста на одной странице, а также и на другие сайты.
Атрибуты цвета ссылок link, vlink, alink, задают цвет шрифта
гиперссылок.
Атрибут link - служит для выделения гиперссылок,
которые еще не посещались.
Атрибут vlink - уже посещенные ссылки.
Атрибут alink - выделяет активную гиперссылку.
<a href="index.html">Ссылка на главную страницу сайта</a>
<a href="001.html">Ссылка на 001 страницу сайта</a>
<a href="http://www.toren.chat.ru">Ссылка на другой сайт</a>
14. ГРАФИЧЕСКАЯ ССЫЛКА
Графической ссылкой может быть рисунок,
фотография, анимация, и даже часть рисунка.
<a href="011.html"><img src="rita500x80.gif"
width="500" height="80" border="0" />
Здесь ссылкой является анимация, которая ведёт на
другую страницу сайта 011.html
15. ПРОСТЕЙШАЯ ТАБЛИЦА
<table>
<table border="1">
<tr> (ширина границы
таблицы от «0» и до ...)
<td>1</td>
<td>2</td>
</tr>
<tr> <td>3</td>
<td>4</td>
</tr>
<tr><td>5</td>
<td>6</td>
</tr>
</table>
1 2
3 4
5 6
16. МАЛЕНЬКИЕ ХИТРОСТИ
Три бегущие строки:
<marquee behavior="scroll" direction="left">Бегущая
строка 1</marquee>
<marquee behavior="alternate" direction="right" loop="30"
scrollamount="10">Бегущая строка 2</marquee>
<marquee behavior="scroll" direction="left"
scrolldelay="500" bgcolor="#00ff00">Бегущая строка
3</marquee>
Вместо букв, строки, можно использовать и
изображения.
Бегущая строка
1
Бегущая строка
2
Бегущая строка
3
17. НЕМНОГО О ПРАВИЛАХ ДИЗАЙНА.
Страница документа не должна быть по размеру более
70-100 килобайт, иначе она будет очень долго
загружаться в браузер. Страница не должна быть
более двух экранов, а лучше только один экран
браузера, от этого зависит удобство просмотра
документа. Используйте достаточное количество
украшений, но не избыточное, иначе основная тема
страницы утонет на их фоне. Используйте не более 2-
3 цветов для оформления страницы, лучше, если это
будут оттенки одного из основных цветов и один
контрастирующий цвет, для текста и ссылок.