Bu dərsimizdə HTML daxili CSS-lərin tətbiqi haqqında bir neçə nümunəyə baxacağıq.
Html (a) etketinə stil verək.

<style>
a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}

a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}
</style> 

Bu stil kodlarını tətbiq etdikdən sonra HTML səhifəsində olan bütün keçidlərt müəyyən olunmuş vizual görkəm alacaq. Aşağıdakı kecidi tətbiq edib yoxlayaq.

 <a href="https://edu.zaka.biz/" target="_blank">"ZƏKA" İKT Təlimi</a> 

Şəkilli keçiddir.

<p>Şəkil bir keçiddir. Bunun üzərinə tıklaya bilərsiniz.</p>
<a href="https://edu.zaka.biz/html5">
  <img src="html.jpg" alt="HTML dərslər" style="width:42px;height:42px;border:0">
</a>
<p>Burada "border:0" kodunun verməkdə məqsəd IE9 (və ondan əvvəlki) internet səyyahları şəkilin ətrafəna çərçivə verməsinlər.</p>

HTML Löbər
HTML Löbər oxucuların veb səhifənin müəyyən hissələrinə keçmək üçün istifadə olunur.
Veb səhifə çox uzunsa Löbər faydalı ola bilər.
Bir Löbər atmaq üçün əvvəlcə bir Löbər yeri yaratmaq və ona bir keçid əlavə etməlisiniz.
Bağlantıyı tıkladığınızda, səhifədə Löbər yer tutmuş yerə keçirin.
Nümunə: Əvvəlcə Löbərin keçəcəyi yerə id veririk.

<h2 id="F4">Fəsil 4</h2>

Fəsil 4 keçmək üçün belə bir koddan istifadə edirik.

<a href="#F4">Keçək Fəsil 4</a>

Əgər Fəsil 4 başqa səhifədə yeləşirsə aşağıdakı koddan istifadə edirik.

 <a href="page.html#F4">Keçək Fəsil 4</a>