HtmLpag.4

FONDAMENTI: 11).Linee divisorie, Links"

Linee divisorie

Per impaginare meglio un testo si potrebbe rendere necessaria una linea che divida ad esempio un articolo dall'altro. Il tag che svolge questa funzione è <hr>.
E come vedremo atrraverso i "CSS" potremo, (come per tutti gli altri tag) stabile le sue dimensioni e il suo aspetto.

Ecco un esempio:

<body>
 <div>questa è una linea divisoria</div>
 <hr>
</body>

questa è una linea divisoria

Links

I links o ancore sono l'elemento principale di un sito web.
I link permettono di passare da un documento ad un altro in maniera molto semplice: cliccando su un collegamento ipertestuale.
I link sono costituiti da due componenti: il contenuto e la risorsa.
Il contenuto può essere definito come la parola che risulta cliccabile o un'immagine.
La risorsa è la pagina, il file, a cui punta l'indirizzo, ovvero l'url del contenuto.

Collegamenti esterni
Il tag da usare per i link è <a> ... </a>
ma da solo non serve a nulla; è fondamentale l'attributo "href" (acronimo che sta per Hypertext REFerence) La sintassi per creare un collegamento ipertestuale è molto semplice ed è la seguente:
<a href=" qui va inserito l'url "> e qui la parola che risulterà cliccabile </a>.
Ecco un esempio:

<body>
 <a href="http://indirizzoweb.it"> Vai alla HOME PAGE </a>
</body>

Segnalibri o etichette

I segnalibri o etichette sono collegamenti che non rimandano a una pagina esterna,
bensì a un contenuto disponibile nella stessa pagina.
La loro sintassi è leggermente più complicata dei collegamenti esterni.
Per prima cosa, si deve creare un collegamento simile a quello appena visto, ma solamente con l'attributo id, il quale farà sì che il collegamento non venga visto come un reale link ma, al contrario, come un'ancora che useremo per definire un collegamento a quel determinato testo della pagina.
Ecco l'esempio:


<body>
 2°) <a href="#segnaposto">Vai al paragrafo (1°) all'interno della pagina</a>
 1°) <a id="segnaposto">paragrafo (1°)</a>
</body>

Ricapitolando:
per poter realizzare un collegamento interno bisogna eseguire le seguenti operazioni:
1°) Definire l'ancora attraverso l'attributo id nel nostro caso id="segnaposto"

nel punto della pagina dove si vuole richiamare il segnalibro.
2°) Richiamarla dal link (di solito dal sommario a inizio pagina )inserendo come valore dell'attributo href
il valore dell'attibuto id preceduto dal segno # nel nostro caso href="#segnaposto"

È possibile anche creare in questo modo link vuoti richiamando un'ancora senza valore
(ad esempio per creare un link in fondo alla pagina che vi faccia tornare automaticamente all'inizio della stessa)
in questo modo:


<div>
  <a href="#">Questo link è vuoto e riporta in cima alla pagina.</a>
</div>

esempio pratico:

Questo link è vuoto e riporta in cima alla pagina.