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

11. Danh saùch moâ taû

Danh saùch moâ taû (Descriptive List) laø moät daïng ñaëc bieät cuûa danh saùch:

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ôø.

Trong baøi 6 chuùng ta ñaõ bieát caùch ñeå taïo hai loaïi danh saùch: coù thöù töï <ol>...</ol> vaø khoâng coù thöù töï <ul>...</ul>. Baây giôø, chuùng toâi seõ giôùi thieäu moät daïng thöù ba, danh saùch moâ taû. Khoâng gioáng nhö nhöõng loaïi danh saùch chuùng ta ñaõ thaáy tröôùc ñaây, danh saùch moâ taû ñaùnh daáu caùc muïc cuûa noù khoâng phaûi laø moät daáu chaám hoaëc moät soá maø baèng daïng trình baøy thuït vaøo trong cuûa noù.

Daïng cuûa tag danh saùch moâ taû laø : 


<dl>
<dt> description title1
<dd> description description1
<dt> description title2
<dd> description description2
                :
                :
                :
<dt> description titleN
<dd> description descriptionN
</dl>
Tag <dl> .... </dl> chöùa trong noù nhieàu caëp tieâu ñeà moâ taû (description title) <dt> vaø söï moâ taû (description) <dd> Moät Web browser seõ taïo thaønh moät danh saùch vôùi moãi moâ taû ñöôïc trình baøy thuït vaøo so vôùi tieâu ñeà cuûa noù.

Khi nhìn trong Web browser ví duï treân seõ troâng gioáng nhö sau:

description title1
description description1
description title2
description description2
:
:
description titleN
description descriptionN

Moät danh saùch moâ taû coù theå ñöôïc söû duïng nhö laø moät töï ñieån (glossary) caùc ñònh nghóa, nhöng trong ví duï chuùng ta, chuùng ta seõ duøng noù ñeå taïo moät thö muïc saùch ngaén cho baøi Volcano Web:

  1. Môû taäp tin HTML index.htm trong trình soaïn thaûo.
  2. Sau danh saùch khoâng coù thöù töï cuûa tieâu ñeà References nhaäp nhö sau : 
    
<h3>Bibliography</h3>
Check your library for these books:
<dl>
<dt>Cas, R.A.F. and Wright, J. V. (1987). 
<dd><I>Volcanic Successions: Modern and Ancient.</I> 
London: Allen &amp; Unwin.

<dt>La Croix, A. (1904)
<dd><I>La Montagna Pel&eacute;e et ses &Eacute;ruptions.</I>
Paris: Masson

<dt>Lipman, P.W. and Mullineaux (eds). (1981)
<dd><I>The 1980 Eruptions of Mount St. Helens, Washington.
</I>U.S. Geological Survey Professional Paper 1250.
</dl>
    Chuù yù: Chuùng ta ñaõ söû duïng moät soá Kyù töï Ñaëc bieät cho daáu vaø ("&") trong tham khaûo ñaàu tieân vaø daáu nhaán cho tham khaûo thöù hai. Neáu baïn chöa quen vôùi caùc kyù töï ñaëc bieät cuûa HTML, xem laïi baøi 10
  3. Löu tröõ vaø Reload trong Web browser cuûa baïn.

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 ñeå bieát taøi lieäu neân xuaát hieän nhö theá naøo. Neáu taøi lieäu cuûa baïn khoâng gioáng nhö ví duï maãu, haõy kieåm tra laïi vaên baûn baïn ñaõ ñaùnh trong trình soaïn thaûo. Ñöøng queân caùc tag <dl>... </dl> ñeå ñaùnh daáu toaøn danh saùch. Loãi thöôøng gaëp laø queân chuyeån ñoåi caùc tag <dt> vaø <dd>

Xem laïi

Xem laïi nhöõng chuû ñeà sau:
  1. Danh saùch moâ taû khaùc vôùi danh saùch coù thöù töï vaø danh saùch khoâng coù thöù töï ôû nhöõng ñieåm naøo?
  2. Trong tröôøng hôïp naøo baïn coù theå phaûi söû duïng trong moät danh saùch moâ taû?
  3. Söï khaùc nhau giöõa tag <dt> vaø tag <dd>?

Thöïc taäp töï do

Söû duïng danh saùch moâ taû ñeå theâm moät baûng thuaät ngöõ hay moät danh muïc saùch trong trang HTML cuûa rieâng baïn.

Moät soá thoâng tin theâm

Baïn coù theå theâm caùc danh saùch coù thöù töï vaø khoâng coù thöù töï vaøo beân trong moät danh saùch moâ taû. Laáy ví duï, chuùng ta seõ taïo moät moät danh saùch caùc nhoùm khoaùng chaát chính. Moãi nhoùm coù söï moâ taû caùc tính chaát cuûa chuùng, cuøng vôùi moät danh saùch con caùc khoaùng chaát vaø chuùng ñöôïc söû duïng trong xaõ hoäi nhö theá naøo. Chuùng ta muoán noù coù daïng nhö sau (chæ trình baøy moät ít):
Oxides
Combinations of metal ions with Oxygen, comprises the major ores extracted in mining operations
Sulfates
Metal ions combine with the Sulfate ion (SO4), atomic structure sometimes can allow bonding of water molecules
Daïng HTML cho keát quaû treân coù daïng: 

<dl>
<dt><b>Oxides</b>
<dd>Combinations of metal ions with Oxygen, comprises the major
ores extracted in mining operations
    <ul>
    <li>Hematite (iron ore)
    <li>Magnetite (iron ore, magnetic mineral)
    <li>Corundum (gemstone, abrasive)
    </ul>
<dt><b>Sulfates</b>
<dd>Metal ions combines with the Sulfate ion (SO4), atomic
structure sometimes can allow bonding of water molecules
    <ul>
    <li>Gypsum (plaster)
    <li>Barite (drilling mud)
    </ul>
</dl>

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

Theâm moät thoâng tin veà "chöõ kyù" (signature) cuøng vôùi moät lieân keát ñeå gôûi e-mail.
ÑEÁN.... | Muïc Luïc | Baøi tröôùc: "Caùc Kyù töï Ñaëc bieät" | Baøi keá: "Danh thieáp Ñòa chæ vaø Lieân keát E-Mail" |
Soaïn thaûo HTML Baøi 11: Danh saùch moâ taû
©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/tut11.html