Во-первых, есть несколько ошибок в вашем HTML, которые должны быть закреплены первым:
<div id="header">
<!-- needs a closing </a> tag and some text, as well as a full href -->
<a href="http://google.com"></a>
<!-- what is your reason for using an LI element here? -->
<h1><li><a href="#" class="navLink">EXAMPLE LINK</a></li></h1>
</div>
насколько стиль, вы можете использовать CSS, например, так:
h1 {
color: red;
font-size: 5em;
text-decoration: underline;
}
/* etc. */
поиск Google для основных CSS учебники. После того, как вы решите, какие стили вы хотите применить, просто сохраните свой текстовый документ как нечто вроде «style.css» и добавьте элемент LINK в заголовок вашего HTML-файла (это позволит вам использовать его как внешний таблицы стилей):.
<head>
<link rel="stylesheet" href="style.css" />
</head>
есть другие способы применения стилей, таких как встроенный стиль и т.д., но выше, является одним из наиболее типичных способов собирается делать это.
Вот некоторые ресурсы, чтобы вы начали:
w3schools CSS tutorial
CSS-Tricks
How to apply stylesheets
ваш первый a-tag не заканчивается –