Lehesisene link
Kui veebileht on väga pikk, siis on võimalik kasutada lehesiseseid linke järgmiselt:
1. lisada lingile identifikaatori:
<p id="osa1"> See on minu teksti esimene osa </p>
2. lisada lingi, viitega sellele identifikaatorile:
Esimese osa juurde saad <a href="#osa1">siit</a>.
Linkide kujundamine
Linkide puhul on kujunduse juures võimalik kasutada lisavalikuid. Nt selliselt:
1. lingi puhul, millest hiirega üle liigutakse:
a:hover
{
color: grey;
}
2. aktiivse lingi puhul:
a:active
{
color: green;
}
3. juba külastatud lingi puhul:
a:visited
{
color: yellow;
}
Blokk- ja reasisesed elemendid
HTML-keeles on kahte liiki leheelemente (NB! Kõik need elemendid peavad olema märgendite <body> ja </body> vahel):
1. blokkelemendid – tekitavad alati reavahetuse, kasutavad ära kogu saadaoleva ruumi ja lisaks on nad lehe teistest elementidest ülevalt ja alt eraldatud.
Peamine kasutatav blokkelement on <div>, teised blokkelemendid on nt:
<address> <article> <aside> <blockquote> <canvas> <dd> <dl> <dt> <fieldset> <figcaption> <figure> <footer> <form> <h1>-<h6> <header> <hr> <li> <main> <nav> <noscript> <ol> <p> <pre> <section> <table> <tfoot> <ul> <video>
2. reasisesed elemendid – ei tekita reavahetust, kasutavad ära ainult selle ruumi, mida on vaja.
Nt on reasisene element <span>, teised reasisesed elemendi on:
<a> <abbr> <acronym> <b> <bdo> <big> <br> <button> <cite> <code> <dfn> <em> <i> <img> <input> <kbd> <label> <map> <object> <output> <q> <samp> <script> <select> <small> <span> <strong> <sub> <sup> <textarea> <time> <tt> <var>