Come fare una voce di elenco cliccabile

November 29

Come fare una voce di elenco cliccabile


Codifica con HTML di base consente di collegare gli elementi nella vostra lista di pagine o di altri settori del tuo sito web. In primo luogo, costruire le pagine che si collegherà a, quindi creare la lista nella pagina in cui i visitatori del sito potranno clic su di essi. Si può fare questo per un elenco ordinato o non ordinato. Scegliere se si desidera un elenco ordinato o lista non ordinata, poi mettere la codifica link all'interno di ogni elemento della lista.

istruzione

1 Completare le pagine che gli elementi di elenco condurranno a. Carica di loro e buttar giù una lista dei nomi di pagina. Per esempio, su una lista non ordinata <ul> le voci di elenco <li> sarà simile a questa:

<Ul>

<Li> Marshmallow </ li>

<Li> Barrette di cioccolato </ li>

<Li> cracker </ li>

</ Ul>

Per cambiarlo in un elenco ordinato, o numerato, usare <ol> invece di <ul>.

2 Scrivi i link elenco aggiungendo il codice HTML all'interno di ogni elemento. Fare riferimento ai nomi dei file delle pagine a cui collegarsi.

<Li> <A HREF="Marshmallows&lt;/A>&lt;/li">http://www.mysite.com/marshmallows.html">Marshmallows&lt;/A>&lt;/li>

Se la pagina è all'interno di una sottocartella, aggiungere che prima del nome del file di paging per mantenere il percorso pulito e funzionante.

<Li> <A HREF="Marshmallows&lt;/A>&lt;/li">http://www.mysite.com/picnics/marshmallows.html">Marshmallows&lt;/A>&lt;/li>

3 Ripetere la codifica per tutti gli elementi di linea che saranno collegati.

<Li> <a HREF="Chocolate&lt;/A> & lt; / li "> http://www.mysite.com/picnics/choclate.html"> Cioccolato & lt; / a> & lt; / li>

<Li> <a HREF="Graham"> http://www.mysite.com/picnics/crackers.html">Graham Crackers </A> </ li>

4 Carica il documento HTML con gli articoli line ora codificati. Aggiornare la pagina e provare ogni collegamento. Se tutte le pagine sono state caricate e tutto il codice è corretto, ogni elemento collegato funzionerà. Se un link non funzionante si presenta, prova di nuovo il codice. Si potrebbe avere un semplice errore come un errore di battitura, o forse omesso il nome della cartella di file. L'altro errore potenziale è è stato utilizzato un nome di pagina non corretta per il collegamento. Ritornare sui propri passi per restringere e risolvere l'errore.

5 Aggiungere eventuali voci aggiuntive ripetendo questi passaggi.

Consigli e avvertenze

  • Non è necessario il "http: // www." per la maggior parte delle pagine all'interno di un sito web. Basta usare "/" ed il resto del codice.
  • A volte si verifica un errore quando si taglia e si incolla un pezzo di codifica nella zona sbagliata, o sulla voce lista sbagliata. Vai lentamente per evitare questo. Sempre ricontrollare il vostro lavoro e testare ogni collegamento dopo aver caricato per essere sicuri che tutti i lavori.