Sign In Sign-Up

Welcome!

Close

Would you like to make this site your homepage? It's fast and easy...

Yes, Please make this my home page!

No Thanks

  Don't show this to me again.

Close

Soaïn thaûo HTML | Giôùi thieäu | FAQ | Alumni | Caùc Tag | Muïc Luïc | Baøi tröôùc | Baøi keá |

8d. Lieân keát Caùc phaàn cuûa moät Trang

Baïn ñaõ bieát laøm theá naøo ñeå lieân keát tôùi nhöõng trang web khaùc laø nhöõng trang do baïn taïo ra hay laø nhöõng trang coù treân Internet. Neáu baïn muoán keát noái tôùi moät phaàn döôïc chæ ñònh beân trong moät taøi lieäu thì sao? BAÏN COÙ THEÅ LAØM ÑÖÔÏC ÑIEÀU NAØY!

Muïc ñích

Sau baøi naøy baïn coù theå:

• Taïo moät daáu hieäu tham khaûo aån cho moät phaàn rieâng bieät beân trong moät taäp tin HTML.
• Xaây döïng moät lieân keát sieâu vaên baûn ñeå noái ñeán moät phaàn rieâng bieät beân trong taäp tin HTML.
• Xaây döïng moät lieân keát sieâu vaên baûn ñeå noái ñeán moät phaàn rieâng bieät beân trong taäp tin HTML khaùc.
• Taïo moät baûng muïc luïc sieâu vaên baûn cho moät trang web.

Baøi hoïc

Sau ñaây laø moät ví duï ñeå baïn coù theå thöû ngay baây giôø. Ñi ñeán Kieåm tra laïi coâng vieäc cuûa baïn. Khi ñeán ñoù, baïn seõ thaáy moät lieân keát ñeå trôû laïi muïc naøy.

Daïng HTML cho vieäc taïo anchor ñöôïc ñaët teân laø:

     <a name="NAME">Text to Link To</a> 

     <a name="check">Kiem tra lai cong viec cua ban</a>

Vieát moät lieân keát tôùi moät Anchor ñöôïc ñaët teân

     <a href="#xxxxx">Text to act as hypertext</a>

     Di den  <a href="#check">Kiem tra lai cong viec cua ban</a>

Theâm Anchor ñöôïc ñaët teân vaøo baøi Volcano Web

Böôùc ñaàu tieân laø taïo moät anchor ñöôïc ñaët teân cho moãi muïc tieâu ñeà trong baøi Volcano Web:

1. Môû taäp tin index.htm trong trình soaïn thaûo vaên baûn
2. Tìm tieâu ñeà Introduction. Chuyeån ñoåi noù töø:

   <h2>Introduction</h2>

   thaønh:

   <h2><a name="intro">Introduction</a></h2>
   

   Chuù yù: Baïn vöøa ñaùnh daáu doøng chöùa muïc tieâu ñeà "Introduction" vôùi moät daáu tham khaûo aån coù anchor ñöôïc ñaët teân laø "intro"

3. Theo caùch töông töï, thay ñoåi taát caû caùc tags <h2> cho caùc phaàn khaùc:

   
     <h2><A NAME="term">Volcano Terminology</A></h2>
     
     <h2><A NAME="usa">Volcanic Places in the USA</A></h2>
     
     <h2><A NAME="mars">Volcanic Places on Mars</A></h2>
     
     <h2><A NAME="project">Research Project</A></h2>
   

4. Neáu baïn Reload lieàn trong web browser cuûa baïn, baïn seõ khoâng nhìn thaáy baát kyø söï thay ñoåi naøo; caùc tag anchor ñöôïc ñaët teân theâm vaøo ñeàu ñöôïc daáu khi ngöôøi söû duïng xem trang.

Theâm lieân keát tôùi moät Anchor Ñöôïc ñaët teân trong Cuøng moät Taøi lieäu

Baây giôø chuùng ta seõ xaây döïng moät baûng muïc luïc seõ xuaát hieän treân ñaàu maøn hình. Chuùng ta söû duïng moät danh saùch khoâng coù thöù töï (xem laïi baøi 6 veà danh saùch) ñeå taïo noù:

1. Neáu chöa môû, haõy môû taäp tin index.htm trong trình soaïn thaûo.
2. Beân döôùi caâu ñaàu tieân trong tieâu ñeà Volcano Web theâm nhöõng doøng sau:

   <hr>
   <B>In this Lesson...</B>
   <ul><i>
   <li>Introduction
   <li>Volcano Terminology
   <li>Volcanic Places in the USA
   <li>Volcanic Places on Mars
   <li>Research Project</i>
   </ul>
   

   Chuù yù: Baûng muïc luïc naøy ñöôïc ñaùnh daáu treân vaø döôùi baèng tag <hr>. Kieåu chöõ Nghieâng ñöôïc duøng cho caùc muïc. ÔÛ ñaây chuùng ta chæ môùi ñaùnh vaøo teân caùc muïc. Sau naøy chuùng ta seõ theâm vaøo ñeå caùc lieân keát hoaït ñoäng ñöôïc.

3. Löu vaø Reload trong web browser cuûa baïn.

Cuoái cuøng , chuùng ta muoán laøm cho moãi muïc cuûa danh saùch hoaït ñoäng nhö moät lieân keát sieâu vaên baûn tôùi moät phaàn khaùc cuûa taøi lieäu. Ñeå laøm ñieàu naøy, chuùng ta seõ söû duïng moät bieán theå cuûa lieân keát anchor cô baûn trong baøi 8a. Thay vì lieân keát tôùi moät taäp tin khaùc, chuùng ta lieân keát tôùi moät trong nhöõng anchor ñöôïc ñaët teân (caùc daáu aån baïn ñaõ taïo ra ôû treân) beân trong cuøng moät taäp tin HTML. Chuùng ta chæ ñònh moät anchor ñöôïc ñaët teân baèng caùch ñaët kí hieäu "#" tröôùc teân cuûa daáu tham khaûo:

1. Môû taäp tin index.htm trong trình soaïn thaûo
2. Ñeán muïc ñaàu tieân trong phaàn muïc luïc. Thay ñoåi noù töø:

       <li>Introduction
   

   thaønh:

       <li><A HREF="#intro">Introduction</A>
   

3. Baây giôø baïn neân ñieàn caùc lieân keát khaùc ñeå ñoaïn vaên naøy troâng gioáng nhö sau:

   <hr>
   <B>In this Lesson...</B>
   <ul><i>
   <li><A HREF="#intro">Introduction</A>
   <li><A HREF="#term">Volcano Terminology</A>
   <li><A HREF="#usa">Volcanic Places in the USA</A>
   <li><A HREF="#mars">Volcanic Places on Mars</A>
   <li><A HREF="#project">Research Project</A></i>
   </ul>
   

4. Löu vaø Reload vaøo trong web browser cuûa baïn. Khi baïn click treân moät muïc cuûa baûn muïc luïc, phaàn töông öùng seõ hieän ra treân ñænh cuûa maøn hình.

Theâm Lieân keát tôùi Anchor Ñöôïc ñaët teân trong Taøi lieäu Khaùc

Baïn coù theå taïo moät lieân keát nhaûy ñeán moät phaàn ñöôïc ñaùnh daáu bôûi moät anchor ñöôïc ñaët teân cuûa moät taøi lieäu HTML khaùc. HTML xaây döïng moät lieân keát tôùi moät anchor ñöôïc ñaët teân trong moät taøi lieäu HTML cuïc boä khaùc coù daïng:

     <a href="file.htm#NAME">Text to activate link</a>

    <a href="http://www.cheese.org/pub/recipe.htm#colby">
                                                Colby Cheese</a>

Trong baøi 8a chuùng ta ñaõ taïo ra moät lieân keát sieâu vaên baûn töø Mount St. Helens ñeán msh.htm laø moät taäp tin rieâng bieät. Baây giôø, chuùng ta seõ theâm moät lieân keát trong taøi lieäu thöù hai ñeå trôû laïi phaàn nguyeân thuûy trong trang Volcano chính.

1. Môû taäp tin msh.htm trong trình soaïn thaûo
2. Gaàn cuoái trang HTML (nhöng phaûi treân </body>) theâm nhö sau:

   <hr>
   <a href="index.htm#usa">Return to <i>Volcano Web</i></a>
   

   Chuù yù: Chuùng ta coù söû duïng kieåu chöõ Nghieâng vôùi tag <i>...</i> beân trong vaên baûn ñöôïc ñaùnh daáu bôûi anchor ñöôïc ñaët teân laø "usa".

   Löu vaø Reload vaøo web browser cuûa baïn. Khi click vaøo moät vò trí cuûa sieâu vaên baûn ôû cuoái trang msh.htm, baïn seõ phaûi thaáy qua trôû laïi muïc "Volcanic Plases in the USA" cuûa baøi Volcano Web.

   <a href=
     http://www.mcli.dist.maricopa.edu/tut/final/index.htm#intro>
      Introduction to Volcano Web</a>

Ví duï söû duïng lieân keát ñeå trôû laïi phaàn moâ taû anchor ñöôïc ñaët teân...

Xem laïi

1. Laøm theá naøo nhaän daïng moät anchor ñöôïc ñaët teân?
2. Nhöõng böôùc naøo taïo moät lieân keát tôùi moät phaàn khaùc trong cuøng moät taøi lieäu?
3. Laøm theá naøo hieäu chænh moät lieân keát anchor ñeå noái ñeán moät anchor ñöôïc ñaët teân trong moät taøi lieäu HTML khaùc?
4. Laøm theá naøo taïo moät baûng muïc luïc cho moät trang web?
5. Söï khaùc nhau giöõa tag <a href="...> vaø tag <a name="...> laø gì?

Thöïc taäp töï do

Ñi ñeán phaàn tieáp theo ....

ÑEÁN.... | Muïc Luïc | Baøi tröôùc: "Lieân keát ñeán Internet" | Baøi keá: "Lieân keát Sieâu Hình aûnh" |

The Internet Connection at MCLI is Alan Levine --}
Comments to levine@maricopa.edu

URL: http://www.mcli.dist.maricopa.edu/tut/tut8d.html