HTML цвет текста
Продолжаем освоение html, в третьем уроке нашего обучения мы займемся изучением html цвета, а именно изменением цветов на странице. А то как-то тускло все выглядит.
Сейчас будем учиться изменять html цвет текста на странице. Для того, чтобы указать какого цвета должен быть текст, необходимо проделать следующие действия.
Измените тег <body> следующим образом: <body text="#FF0000">, то есть для изменения html цвета текста, нужно добавить параметр text= и указать его значение "#FF0000".
Значение параметра определяет цвет, то есть "#FF0000" – красный цвет. Здесь действует закон трех цветов.
Например, "#00FF00" – зеленый html цвет, "#0000FF" – синий html цвет текста. При смешивании, эти три цвета образуют новые оттенки и html цвета. Например, "#3715FB".
Давайте сделаем так, чтобы текст на нашей странице был красного цвета. Для этого примените полученные знания. В итоге должен получиться следующий html код:
<html><head>
<title>Название страницы моего первого сайта</title>
</head>
<body text="#CC0000">
Содержимое моего сайта.<br>Я прохожу уроки создания сайта.
</body>
</html>
(Синим цветом будут выделены новые участки html кода)
Должно получиться следующее > измененный html цвет текста.
Теперь разберемся, как задавать html цвет отдельных фрагментов текста. Если вам нужно чтобы часть текста имела другой html цвет, проделайте следующие действия:
Заключите нужный текст между тегами <font> </font>. Это новый html тег, он является парным.
Затем, введите параметр color= со значением "#00FF00", то есть так <font color="#00FF00"> текст другого цвета</font>.
Применим знания на нашем html коде и изменим фрагмент текста.
<html><head>
<title>Название страницы моего первого сайта</title>
</head>
<body text="#CC0000">
Содержимое моего сайта.<br><font color="#00AA00">Я прохожу уроки создания сайта.</font>
</body>
</html>
Должно получиться следующие > меняем html цвет текста
.Цвет фона html
Теперь изменим цвет фона html, для этого нужно задать в теге <body>
параметр bgcolor= со значением "#494949", то есть <body bgcolor="#494949">.Цвет фона html не обязательно брать "#494949", можно взять любой другой.
Давайте внесем изменения в наш код и изменим цвет фона html.
<html><head>
<title>Название страницы моего первого сайта</title>
</head>
<body text="#CC0000" bgcolor="#494949">
Содержимое моего сайта.<br><font color="#00AA00">Я прохожу уроки создания сайта.</font>
</body>
</html>
Теперь посмотрим, что получилось >
цвета фона htmlА сейчас остановимся на важных моментах и частых ошибках. Которые могут стать препятствием в сайтостроении.
Как вносить изменения в уже готовую страницу, ведь при двойном щелчке мыши она просто открывается? Допустим, вам надо изменить html цвет текста или цвет фона html.
Для этого кликаем на страницу правой кнопкой мыши, затем выбираем пункт «открыть с помощью» - > блокнот. И перед вами появиться блокнот с html кодом, который можно редактировать.
Но не забывайте, что после внесенных изменений необходимо сохранить документ (файл - > сохранить). Тогда можно визуально увидеть проделанные изменения.
Теперь несколько моментов связанных с написанием тегов и их параметров.
Возьмем, к примеру, строчку из нашего кода.
<body text="#CC0000" bgcolor="#494949">
Заметьте, что все параметры внутри тега <body> пишутся через пробел. Далее, обратите внимание на кавычки, и не забывайте их ставить. Когда указываете код цвета, то есть значение парамерта (#CC0000), помните, что ставиться цифра 0, а не буква О.
Ну, вот и все. Теперь вы знаете, как менять html цвета текста и фона.
Если что-то не получилось, скорей всего ошибки невнимательности, проверьте html код, все ли теги закрыты, стоят ли кавычки в нужных местах и так далее.
Как только освоите изменение html цвета, двигайтесь дальше.
Урок 4: вставляем картинку в html код страницы.
Урок 5: форматируем текст html тегами.
Урок 6: вставляем ссылки в html код сайта.
Урок 8: таблицы в html, продолжение.