Как задать цвет заголовку?

249

13 февраля 2018, 06:21

Подскажите, какой контейнер или атрибут тега задает цвет заголовку?

Answer 1

Или ещё проще:

<h1 style="color: red">Hello, world!</h1>

Чтобы задать цвет - color.

Answer 2

Как вариант:

.color { 
color: red; 
background-color: #f5f5f5; 
}

<h1 class="color">Сегодня воскресенье, сегодня выходной</h1>

Ознакомьтесь, каким образом определяется цвет текста элемента, а также цвет фона элемента.

Обратите внимание на ответ @entithat, на такой способ внесения стилей, это один из способов, он тоже верный. Также можно внести изменения в стили с помощью JavaScript.

Answer 3

html,body{ 
width:100%; 
height:100%; 
} 
div{ 
background:red; 
width:100px; 
height:30px; 
} 
/*а это на будущее))))  есть теги которым стили не подвласты*/ 
br{ 
width:100px; 
height:100px; 
background:green; 
}

<!--вот стили для данного тега прописаны в CSS--> 
<div>div1</div> 
<br/> 
<!--вот стили для данного тега прописаны в CSS--> 
<div>div2</div> 
<br/> 
<!--вот стили для данного тега прописаны на пряму  в HTML атрибутом style--> 
<div style="background:yellow">div3</div> 
 
<br/> 
<!--вот стили для данного тега  можно прописать с помощью JS--> 
<!--JS -  'это JavaScript  не путать c JAVA абсолютно два разных языка--> 
<div class="div">div4</div> 
<script> 
document.getElementsByClassName('div')[0].style.background = 'gray'; 
</script>

Answer 4

Если вам зачем-то нужен именно атрибут или контейнер (обозреватель древний или движок оформления не поддерживает CSS), можете воспользоваться тегом <font>. Однако:

сейчас принято разделять структуру документа и его оформление, поэтому настоятельно рекомендуется перейти на стили при первой же возможности (как указано в других ответах),
новые стандарты (HTML5 и будущие) не поддерживают теги, подобные <font>. Даже HTML4 поддерживает этот тег только в переходной версии (из-за чего в примере ниже пришлось явно прописать необходимый doctype).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
  "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
  <head><title></title></head> <!-- Тег <title> обязателен --> 
  <body> 
    <h1><font color="maroon">Hello, World!</font></h1> 
  </body> 
</html>

К слову, <font> позволяет задать цвет не только заголовку, но вообще любому фрагменту текста. Однако он должен быть размещён внутри блочного тега (<hN>, <p> и т. д.). То есть комбинация <h1><font> корректна, а <font><h1> — уже нет (тег заголовка автоматически закроет предшествующий тег).