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á |

12. Danh thieáp Ñòa chæ vaø Lieân keát E-Mail

Trong baøi naøy baïn seõõ taïo ra moät trang web ñuùng moát -- toùm löôïc baèng moät ñoaïn cuoái! Haõy ñeå cho moïi ngöôøi gôûi ñeán baïn moät e-mail ngay töø trong trang Web cuûa baïn!

Muïc ñích

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

Baøi hoïc

Löu yù: Neáu baïn khoâng coù taøi lieäu töø nhöõng baøi hoïc tröôùc baïn coù theå download ngay baây giôø.

Moät ñaëc ñieåm ñaùng giaù cuûa nhöõng trang Web laø "footer" ôû cuoái cuûa moät trang ñeå cung caáp thoâng tin veà taùc giaû vaø taøi lieäu, coù theå laø ngaøy ñöôïc caäp nhaät cuoái cuøng, cuõng nhö laø ñeå gôûi tôùi taùc giaû moät thoâng baùo baèng e-mail.

Ñaây chính laø nôi ñeå ñaët tag address maø trong ñoù khoái vaên baûn ñöôïc in trong doøng môùi döôùi kieåu chöõ nghieâng.

Thaät laø moät yù töôûng hay ñeå trong footer coù moät moâ taû ngaén goïn, thoâng tin vaø quan heä giöõa nhöõng trang Web cuûa baïn. Moât vaøi thoâng tin höõu ích laø:

Nhö laø moät ví duï, baïn haõy nhìn footer ôû cuoái moãi trang Web cuûa taøi lieäu höôùng daãn naøy. Trong quaù trình saùng taïo ra nhöõng kieåu rieâng cuûa baïn, haõy nhìn thöû nhöõng trang Web khaùc ñeå thu thaäp theâm nhöõng yù kieán. Baét chöôùc vaãn laø caùch toát nhaát ñeå tieán boä!

Daïng HTML cuûa tag address troâng gioáng nhö sau : 


    <address>
      text text text text text text text text text 
      text text text text text text text text text 
    </address>
Löu yù raèng taát caû nhöõng HTML khaùc beân trong tag address ñeàu hôïp leä, vì theá chuùng ta coù theå söûa ñoåi noù vôùi nhöõng tag in ñaäm, ngaét doøng vaø moät tag lieân keát sieâu vaên baûn:

HTML Keát quaû 
<address>
<b>Page Title</b><br>
Last Updated February 31, 1999<br>
Web Page by Alan Levine 
(levine@maricopa.edu) <br>
<a href="http://www.mcli.dist.maricopa.edu/">
Maricopa Community Colleges</a><br>
</address>
Page Title
Last Updated February 31, 1999
Web Page by Alan Levine (levine@maricopa.edu)
Maricopa Community Colleges

Baây giôø, giaû söû moät ngöôøi naøo ñoù ñang ñoïc trang Web cuûa baïn vaø muoán gôûi cho baïn moät lôøi pheâ bình veà trang Web cuûa baïn. Hoï seõ phaûi vieát ra ñòa chæ e-mail, naïp moät chöông trình khaùc, vaø gôûi cho baïn moät thoâng baùo. Coù theå gôûi e-mail töø trong web browser cuûa baïn ñöôïc khoâng? Ñöôïc chöù, haàu heát caùc web browser hieän nay ñeàu coù theå laøm ñieàu naøy!

Caùch ñeå laøm ñieàu naøy laø taïo moät lieân keát sieâu vaên baûn vôùi loaïi laø mailto trong URL (haõy xem laïi baøi 8b). Taïo moät lieân keát sieâu vaên baûn nhö sau: 


  <a href="mailto:levine@maricopa.edu">send an e-mail to alan</a>
Khi nhaán vaøo doøng chöõ send an e-mail to alan, Web browser seõ môû ra moät maøn hình ñeå baïn coù theå soaïn moät thoâng baùo vaø gôûi noù ñeán cho toâi. Hôn nöõa, baïn coøn coù theå theâm moät doøng chuû ñeà maëc nhieân (subject) cho thoâng baùo e-mail: 

  <a href="mailto:levine@maricopa.edu? subject=hi from lesson 12">
        send an e-mail to alan</a>
Haõy thöû ñi! Haõy gôûi cho toâi moät thoâng baùo! send an e-mail to alan

Löu yù raèng baïn coù theå laøm cho baát kyø moät doøng chöõ (hay hình aûnh) naøo hoaït ñoäng nhö laø moät lieân keát sieâu vaên baûn. Vì vaäy trong ví duï vöøa roài, chuùng ta seõ söûa ñoåi HTML ñeå coù moät ñòa chæ internet taïo lieân keát cho vieäc gôûi e-mail.

HTML Keát quaû 
<address>
<b>Page Title</b><br>
Last Updated February 31, 1999<br>
Web Page by Alan Levine 
<A HREF="mailto:levine@maricopa.edu">
(levine@maricopa.edu)</A> <br>
<a href="http://www.mcli.dist.maricopa.edu/">
Maricopa Community Colleges</a><br>
</address>
Page Title
Last Updated February 31, 1999
Web Page by Alan Levine (levine@maricopa.edu)
Maricopa Community Colleges
Vaø cuoái cuøng chuùng toâi ñeà nghò raèng baïn cuõng neân ñaët URL cuûa trang vaøo trong footer. Taïi sao vaäy? Khi moät ai ñoù in ra trang Web cuûa baïn nhöng chöa vieát laïi hoaëc löu laïi URL trong bookmark, coù URL treân trang giaáy cho pheùp moät söï tham khaûo baèng tay. Chæ vieäc ñieàu chænh ví duï treân moät chuùt (haõy chuù yù ñoaïn HTML naøy ôû döôùi tag <address>...</address>): 
<address>
<b>Page Title</b><br>
Last Updated February 31, 1999<br>
Web Page by Alan Levine 
<A HREF="mailto:levine@maricopa.edu">
(levine@maricopa.edu)</A> <br>
<a href="http://www.mcli.dist.maricopa.edu/">
Maricopa Community Colleges</a><br>
</address>
<p>
<tt>
URL: http://www.mcli.dist.maricopa.edu/tut/
</tt>
Page Title
Last Updated February 31, 1999
Web Page by Alan Levine (levine@maricopa.edu)
Maricopa Community Colleges

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

Baây giôø ñaõ ñeán luùc theâm moät footer vaøo trang file HTML cuûa baïn. Ñoái vôùi ví duï naøy, chuùng toâi giaû söû raèng baïn laø "Lorrie Lava" moät Nhaø nghieân cöùu nuùi löûa taïi Big University (hoaøn toaøn töï do neáu baïn muoán ñöa thoâng tin cuûa baïn vaøo vò trí döôùi ñaây):
  1. Môû taäp tin HTML index.htm trong trình soaïn thaûo cuûa baïn.
  2. Taïi cuoái trang Web (nhöng treân nhöõng tag </body></html>), theâm: 
    
<HR>
<address><B>Volcano Web</B> <br>
created by Lorrie Lava, 
<A HREF="mailto:lava@pele.bigu.edu">
lava@pele.bigu.edu</A><br>
Volcanic Studies, 
<A HREF="http://www.bigu.edu/">Big University</A><p>
<TT>last modified: April 1, 1995</TT>
</address>
<p>
<tt>URL: http://www.bigu.edu/web/index.htm</tt>
    Löu yù: Chuùng ta ñaõ söû duïng moät vaøi tag HTML maø ñaõ ñöôïc xeùt ñeán trong caùc baøi tröôùc. Cuõng neân löu yù ñeán tag <p> ôû cuoái trang; ñieàu naøy chaéc chaén raèng doøng cuoái cuûa vaên baûn luoân luoân ñöôïc thaáy roõ.
  3. Löu tröõ vaø Reload taäp tin HTML.

Kieåm tra laïi coâng vieäc cuûa baïn

So saùnh taøi lieäu cuûa baïn vôùi ví duï maãu. Neáu taøi lieäu cuûa baïn troâng khaùc vôùi maãu, haõy xem laïi vaên baûn baïn ñaõ nhaäp trong trình soaïn thaûo.

Xem laïi

Xem laïi nhöõng chuû ñeà sau:
  1. Tag address duøng ñeå laøm gì?
  2. Tag address phaûi ôû cuoái moät trang phaûi khoâng?
  3. Laøm theá naøo baïn taïo moät tag ñeå gôûi e-mail ñeán baïn? hoaëc ñeán moät ngöôøi khaùc? hoaëc cuøng vôùi doøng chuû ñeà?

Thöïc taäp töï do

Theâm moät danh thieáp ñòa chæ cuøng vôùi lieân keát e-mail vaøo taøi lieäu HTML cuûa rieâng baïn.

Ñeán baøi tieáp theo....

Vaãn coøn moät caùch khaùc ñeå chia ñoaïn nhöõng phaàn vaên baûn daøi! Ñoù laø BLOCKQUOTE.
ÑEÁN.... | Muïc Luïc | Baøi tröôùc: "Danh saùch Moâ taû" | Baøi keá: "Blockquote" |
Writing HTML Baøi 12: Danh thieáp Ñòa chæ vaø Lieân keát E-Mail
©1995, 1996 Maricopa Center for Learning and Instruction (MCLI)
Maricopa County Community College District, Arizona

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

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