Hvordan lage en listepunkt Klikkbart

Hvordan lage en listepunkt Klikkbart


Coding med grunnleggende HTML lar deg koble elementer i listen for å sider eller andre deler av nettstedet ditt. Først bygger sidene som du vil koble til, og deretter opprette en liste på siden der besøkende klikker på dem. Du kan gjøre dette for en ordnet eller sorterte liste. Velg om du vil ha en sortert liste eller sorterte liste, og deretter sette den linken koding innenfor hvert listepunkt.

Bruksanvisning

1 Fullfør sider som dine listeelementer vil føre til. Laste dem opp og skrive ned en liste over sidenavn. For eksempel på en uordnet liste <ul> listeelementene <li> vil se slik ut:

<Ul>

<Li> Marshmallows </ li>

<Li> Sjokolade barer </ li>

<Li> Graham crackers </ li>

</ Ul>

For å endre den til en ordnet, eller nummerert liste, bruk <ol> i stedet for <ul>.

2 Skriv liste koblingene ved å legge til HTML-koding inni hvert element. Se i filnavnene på sidene til lenker til.

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

Hvis siden er i en undermappe, legge til at før siden filnavnet for å holde stien ren og fungerer.

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

3 Gjenta koding for alle artiklene som skal knyttes.

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

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

4 Last opp html-dokument med linjeelementene nå kodet. Oppdater siden din og teste hver kobling. Hvis alle sidene har blitt lastet opp, og alle koding er riktig, vil hver koblet til den fungere. Hvis en ødelagt link presenterer seg selv, sjekk koden på nytt. Du har kanskje en enkel feil, for eksempel en skrivefeil, eller kanskje du utelatt mappenavnet filen. Den andre potensielle feil er du brukte feil navn på siden for å koble til. Tilbake samme vei for å innskrenke og løse feilen.

5 Legg noen ekstra linjeelementer ved å gjenta disse trinnene.

Hint

  • Du trenger ikke "http: // www." for de fleste sider på et nettsted. Bare bruk "/" og resten av koden.
  • Noen ganger oppstår en feil når du klippe ut og lime inn et stykke koding inn i feil område, eller på feil listeelement. Gå langsomt for å forhindre dette. Alltid dobbeltsjekke arbeidet ditt og teste hver kobling etter opplasting for å være sikker på at de virker.