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

5. Laøm vieäc vôùi caùc kieåu maãu (Style)

Gioáng nhö moät trình soaïn thaûo vaên baûn, HTML coù theå baùo cho Web browser hieån thò moät phaàn naøo ñoù cuûa vaên baûn ôû daïng in nghieâng hoaëc in ñaäm hoaëc ôû daïng in keát hôïp caû hai cheá ñoä.

Muïc ñích

Sau baøi hoïc naøy baïn coù khaû naêng:

Baøi hoïc

Caùc tag Style cuûa HTML

HTML cung caáp moät vaøi tag cho vieäc ñònh daïng style cho vaên baûn. Haõy thaän troïng vaø suy nghó caån thaän tröôùc khi duøng nhöõng kieåu naøy ñeå ñònh daïng cho vaên baûn; söû duïng quaù nhieàu coù theå laøm cho vaên baûn trôû neân khoù ñoïc hôn ...
Caùc tag Style
HTML Keát quaû 

<b>This is Bold...</b>
This is Bold 

<i>This is Italic...</i>
This is Italic 

<tt>This is Typewriter...</tt>
This is Typewriter
Löu yù raèng baïn coù theå keát hôïp caùc tag naøy ñeå ñònh daïng mieãn laø chuùng ñöôïc loàng vaøo nhau moät caùch chính xaùc, ví duï nhö caû hai tag baét ñaàu vaø keát thuùc in nghieâng ñeàu phaûi ôû beân trong caùc tag in ñaäm. Cuõng löu yù laø thöù töï caùc tag khoâng quan troïng. 

<i><b>This is Bold AND
Italic</b></i>

<b><i>And So is This</i></b>
This is Bold AND Italic

And So is This

Hôn nöõa, baïn coù theå aùp duïng nhöõng kieåu vaøo trong phaàn tieâu ñeà. Löu yù veà caùch ñaët caùc tag style ñoùng vaø môû xung quanh nhöõng töø muoán taïo kieåu coøn nhöõng tag ñeà muïc thì bao quanh toaøn boä ñeà muïc. 
blah blah blah

<h2><i>New</i> and 
<tt>Improved!</tt></h2>

blah blah blah
blah blah blah

New and Improved!

blah blah blah

AÙp duïng Style vaøo trong taøi lieäu cuûa baïn

Löu yù: Neáu baïn chöa coù taøi lieäu töø caùc baøi hoïc tröôùc, baïn coù theå download ngay baây giôø.

Theo nhöõng böôùc sau ñeå aùp duïng caùc tag style cho vaên baûn HTML cuûa baïn:

  1. Môû laïi workspace cuûa baïn (neáu noù chöa ñöôïc môû).
  2. Trôû laïi taøi lieäu HTML "Volc.htm" cuûa baïn trong chöông trình soaïn thaûo.
  3. Tìm töø "volcano" trong caâu ñaàu tieân cuûa phaàn Introduction. Chuùng ta seõ laøm töø naøy trôû neân in ñaäm ñeå ñaùnh daáu ñaây laø töø quan troïng.
  4. Cheøn theâm caùc tag ñeå laøm töø naøy trôû neân in ñaäm : 
    
          <b>volcano</b>
  5. Baây giôø chuùng ta seõ söûa ñoåi ñoaïn vaên thöù hai vôùi nhöõng tag in ñaäm vaø in ngieâng ñeå nhaán maïnh. Haõy theâm tag <b>...</b> vaø <i>...</i> quanh töø billion ñoù ñeå ñoaïn naøy troâng gioáng nhö sau : 
    
          <p>
          Volcanoes have been a part of earth's history long 
          before humans. Compare the history of human beings, 
          a few million years in the making, to that of the
          Earth, over four <b><i>billion</i></b> years in the
          making.
  6. Cuoái cuøng, chuùng ta seõ söû duïng tag typewriter ñeå chæ ra moät töø ñaëc bieät. Beân döôùi ñeà muïc Volcano Terminology, nhaäp vaøo ñoaïn sau: 
    
          The study of volcanoes, or <tt>Volcanology</tt>,
          includes many odd terms.
  7. Löu tröõ trong trình soaïn thaûo vaø Reload trong Web browser cuûa baïn.

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

Haõy xem Ví duï maãu ñeå nhìn thaáy söï thay ñoåi. Ñieàu quan troïng khi söû duïng caùc tag style laø söï keát thuùc ñuùng ñaén caùc tag naøy baèng tag </> thích hôïp. Neáu khoâng, taát caû phaàn vaên baûn coøn laïi seõ bò taùc ñoäng cuûa kieåu ñaõ choïn. Khi nhìn seõ coù veû kyø quaëc.

Xem laïi

  1. Caùc tag style cuûa HTML laø gì?
  2. Nhöõng tag naøo ñöôïc söû duïng cho vieäc ñònh daïng caùc kieåu maãu vaên baûn?
  3. Nhöõng böôùc naøo baïn söû duïng cho vieäc aùp duïng kieåu vaøo trong taøi lieäu HTML ?
  4. Ñieåm theâm*- Caùc tag naøy taïo ra tieän lôïi khi taïo trang web nhö theá naøo?

Thöïc taäp töï do

Thöû söû duïng caùc tag style ñeå laøm ñaäm, laøm nghieâng, vaø duøng kieåu chöõ ñaùnh maùy typewriter vaøo vaên baûn trong trang web cuûa baïn. Haõy quan saùt khi baïn coù theå söû duïng thaønh coâng toå hôïp caùc kieåu maãu.

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

Laøm theá naøo ñeå ñaët moät danh saùch caùc muïc (list of items) laïi vôùi nhau, theå hieän chuùng ôû caû daïng soá (numbered fashion) vaø daïng daáu chaám (bulleted fashion).

ÑEÁN.... | Muïc Luïc | Baøi tröôùc: "Chia vaên baûn thaønh nhieàu ñoaïn" | Baøi keá tieáp: "Danh saùch" |
Soaïn thaûo HTML Baøi 5: Laøm vieäc vôùi caùc Style
©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/tut5.html