УРОК 6
Как изменять цвет текста в HTML документе
По умолчанию цвет текста в html документе черный. Изменить цвет текста можно двумя способами.
1 способ. С помощью тега <body></body>. Для этого в этот тег добавим еще один атрибут text="". Он будет выглядеть следующим образом
<body text="#0000CD">
Т. е. с помощью text=" #0000CD" мы задали цвет текста и в данном случае он будет синим. Весь код нашей страницы будет иметь следующий вид:
В данном случае задавая цвет текста через тег <body></body> мы установили такой текст для всего документа. Т. е. какой бы текст вы не написали на вашей странице, в данном случае он будет отображаться синим цветом.
2 способ. Задать цвет только отдельному отрезку текста можно при помощи тега <font> и обязательного закрывающего его тега </font>.
Упражнение 6. Изменим цвет текста слов, «web страницу!!!» которые присутствуют в нашем документе. Для этого слова «web страницу!!!» поместим между тегами <font> </font>, а для того чтобы изменить цвет текста необходимо еще в тег <font> дописать следующий атрибут color="", все это будет выглядеть следующим образом:
<font color="#B22222">web страницу!!!</font>
В данном случае текст, заключенный между тегами будет окрашен в красный цвет. Весь код нашей странички будет выглядеть так:
Это не все атрибуты тега <font>, при помощи данного тега можно задавать не только цвет текста в html документе, но так же размер и вид шрифта.
УРОК 7
Форматирование текста в HTML
Рассмотрим, каким образом можно изменять вид текста при помощи тега <font> и парного закрывающего его </font>. У тега <font> имеется несколько атрибутов. При помощи атрибута face="" можно задать шрифт текста. Для этого между кавычек в атрибуте face="" необходимо прописать название шрифта. Например:
<font face="Arial">Ваш текст</font>
В данном примере был задан шрифт Arial и весь текст, размещенный между тегами, будет отображен этим шрифтом. Можно указывать не один, а несколько шрифтов через запятую, в этом случае будет выбран первый подходящий шрифт из списка. Т. е. если например первого шрифта в системе у пользователя, зашедшего на вашу страницу не окажется, то будет выбран второй шрифт. Например,
<font face="Arial, Vernada">Ваш текст</font>
С выбором шрифта нужно быть осторожным. Не нужно указывать различные экзотические шрифты. Потому как их просто может не оказаться на компьютере вашего посетителя. Лучше всего использовать стандартные шрифты, например Arial, Times Roman, Vernada, Tahoma.
Следующий атрибут тега <font> это size="" позволяет задавать размер шрифта. Для этого между кавычек необходимо указать цифру от 1 до 7:
<font face="Arial, Vernada" size="5">Ваш текст</font>
Еще одна группа HTML тегов применяется для форматирования текста, при помощи их текст можно выделить жирным, курсивом, подчеркнуть или зачеркнуть.
| полужирный | <b></b> <strong></strong> | <strong>Полужирный</strong> |
| курсив | <i></i> | <i> Текст курсивом </i> |
| подчеркивание | <u></u> | <u> Подчеркнутый текст </u> |
| перечеркивание | <s></s> | <s> |
Следующая группа HTML тегов применяется для изменения размера текста, создания верхних и нижних индексов.
| <big></big> | <big>Большой текст</big> |
| <small></small> | <small>Маленький текст</small> |
| <sup></sup> | <sup>Верхний индекс</sup> |
| <sub></sub> | <sub>Нижний индекс</sub> |
Рассмотренные теги позволяют определить тот или иной стиль шрифта и производить форматирование текста в html.
Упражнение 7. Используя материал Приложения 1 создайте web страницу, на которой будут использованы все рассмотренные выше теги. Обратите внимание на заголовки, выделение абзацев, оформление текста, цвет, размер, на создание формулы.