Latest web development tutorials

link HTML

uso di collegamenti ipertestuali HTML legato ad un altro documento sulla rete. Quasi si possono trovare i link a tutte le pagine. Clicca sui link per saltare da una pagina ad un'altra pagina.


Esempi

Prova - Esempio

link HTML
Come creare un link a un documento HTML.

(Si possono trovare altri esempi in fondo a questa pagina)


collegamenti ipertestuali HTML (link)

HTML utilizza i tag <a> per impostare i collegamenti ipertestuali.

I collegamenti ipertestuali possono essere una parola, una parola o un gruppo di parole, può essere un'immagine, è possibile fare clic su questi per passare a un nuovo documento o una sezione del documento corrente.

Quando si sposta il puntatore del mouse per un collegamento in una pagina Web, la freccia si trasforma in una piccola mano.

Utilizzare tag href <a> per descrivere l'indirizzo del collegamento.

Per impostazione predefinita, il collegamento apparirà sotto forma di un browser:

  • Un collegamento non visitato visualizzato in caratteri blu e sottolineato.
  • link visitati sono viola e sottolineati.
  • Fare clic sul link, il collegamento viene visualizzato in rosso e sottolineati.

NOTA: Se si imposta lo stile CSS per questi collegamenti ipertestuali, secondo lo stile CSS visualizzare il display di impostazione.


HTML Link Sintassi

il codice HTML di collegamento è molto semplice. E 'in questo modo ::

<ahref=" urltesto di collegamento"> </a>

attributo href descrive la destinazione del collegamento. .

Esempi

<a href="http://www.w3big.com/"> visitare questo tutorial </a>

La linea di cui sopra di codice appaiono come :: visitare questo tutorial

Fare clic sul collegamento ipertestuale porta l'utente alla pagina di tutorial.

Suggerimento:"text Link"non deve essere testo.Immagini o altro elemento HTML può essere un collegamento.


HTML Links - proprietà target

Utilizzare l'attributo di destinazione, è possibile definire viene visualizzato il documento collegato dove.

La riga sotto si aprirà il documento in una nuova finestra:

Esempi

<A href = "http://www.w3big.com/" target = "_blank"> visitare questo tutorial! </ a>

Prova »


collegamento HTML - attributo id

attributo id può essere utilizzato per creare un documento HTML segnalibro.

Tip: segnalibri non vengono visualizzati in alcun modo speciale, nel documento HTML non viene visualizzata, in modo che il lettore è nascosto.

Esempi

ID viene inserito in un documento HTML:

<a Suggerimenti utili id="tips"> sezione </a>

Creare un collegamento alla sezione "Consigli utili (id =" punte ")" nel documento HTML:

<a accesso href="#tips"> sezione consigli utili </a>

In alternativa, creare un collegamento da un'altra pagina alla sezione "Consigli utili (id =" punte ")":

<a href="http://www.w3big.com/html/html-links.html#tips">
L'accesso sezione Consigli utili </a>


precauzioni di base - Consigli utili

Nota: aggiungere sempre una barra di sottocartella.Se è così la scrittura link: href = "http://www.w3big.com/html", produrrà richiesta due volte HTTP al server. Questo perché il server aggiungerà una barra per l'indirizzo, e quindi creare una nuova richiesta in questo modo: href = "http://www.w3big.com/html/".


Esempi

Altri esempi

foto link
Come utilizzare i collegamenti di immagine.

Nel link della pagina corrente alla posizione specificata
Come utilizzare i segnalibri

Fuori dalla scatola
Questo esempio dimostra come saltare fuori della cornice, se la pagina è fissato nel quadro.

Crea collegamento e-mail
Come questo esempio viene illustrato come collegare un messaggio. (In questo caso al lavoro dopo aver installato il client di posta.)

Costruito Email Link 2
Questo esempio dimostra una più complessa collegamento e-mail.


tag link HTML

etichetta descrizione
<a> Definire un collegamento ipertestuale