Итак, мы уже изучили структуру документа и узнали, что такое теги и как ими пользоваться. Теперь перейдем непосредственно к самим тегам. Чтобы вам было проще понять, как работают те или иные теги, мы начнем с тех инструментов, которые можно использовать для изменения формата текста.
Итак, откройте свою страницу в текстовом редакторе. Сейчас ее html-код выглядит так:
<html>
<head>
<title>Главная </title>
</head>
<body>
Добро пожаловать!
</body>
</html>
Сейчас текст «Добро пожаловать!» отображается стандартно – в черном цвете, в размере и шрифте, установленном по умолчанию в вашем браузере. Для того, чтобы изменить цвет текста, нужно заключить наше «Добро пожаловать!» в тег <font>. К этому тегу мы приписываем атрибут color и его значение.
<font color="#CC0000">Добро пожаловать! </font>.
Сейчас наш текст будет выглядеть так: <font color=”#CC0000”>Добро пожаловать! </font>. Значение #CC0000 – это собственно цвет текста. Текст можно раскрасить в любой цвет, таблицу цветов можно найти в Интернете.
Цвет можно задать и по-другому:
<font color="red">Добро пожаловать! </font>
В этом случае мы задаем цвет собственно его названием по-английски. Использовать можно как тот, так и этот способ.
Таким образом, весь текст, заключенный в тег <font>, будет того цвета, который зададите вы. Если на вашей странице «многа буков», разделенных картинками, ссылками других цветов и т.п., на выделение цветом текста таким образом уйдет очень много времени и сил, а страница получиться намного тяжелее. Специально для таких случаев рассчитан другой метод.
Цвет всему тексту на вашей странице можно задать в теге <body>. Убираем в своем документе теги <font> и набираем следующее:
<body text="#CC0000">.
Получаем следующий код:
<html>
<head>
<title>Главная </title>
</head>
<body text="#CC0000">
Добро пожаловать!
</body>
</html>
Теперь сохраните свой документ в формате html и посмотрите, что получилось. Текст «Добро пожаловать!» стал красным.
У вас сразу возникнет вопрос: а что, если основной текст одним цветом мы сделали, но есть еще и дополнительный (важный, ключевой) текст, который нужно выделить другим цветом, что делать в этой ситуации? А все просто: для основного текста прописываете атрибут в теге, открывающем «тело» документа, а важный выделяйте отдельно:
<font color="green">посторонним низзя! </font>
Вставляем в наш код: <body text="#CC0000">.
Получаем следующий код:
<html>
<head>
<title>Главная </title>
</head>
<body text="#CC0000">
Добро пожаловать! <br/>
<font color="green">посторонним низзя! </font>
</body>
</html>
Теперь смотрите, что получилось. Кстати, здесь мы прописали и тег <br/>, чтобы текст «посторонним низзя!» оказался на следующей строке. Тег переноса в html - аналогичен нажатию клавиши «Enter». Формат html не воспринимает перенос нажатием этой клавиши, поэтому для переноса строки следует набирать тег <br/>.
Наверное, вы уже поняли, как работает тот или иной тег. Теперь первое небольшое домашнее задание. Попробуйте выделить текст на своей странице тегами <H1>, <H2>, <H3>, <H4>, <H5> и <H6> (не забудьте про закрывающие пары) и посмотрите, что получилось.
|
