|
|
<tag_name>string of text</tag_name>Laáy ví duï, tieâu ñeà cuûa phaàn naøy söû duïng tag header :
<h3>Tag HTML la gi?</h3>Tag naøy baùo cho Web browser hieån thò doøng chöõ Tag HTML laø gì? ôû daïng cuûa möùc ñoä tieâu ñeà thöù ba (chuùng ta seõ xeùt kyõ hôn nhöõng tag naøy ôû nhöõng baøi sau). Nhöõng Tag HTML baùo cho Web browser bieát khi naøo caàn in ñaäm moät doøng vaên baûn, in ngieâng noù, laøm cho noù trôû thaønh moät header, hoaëc laøm cho noù laø moät Hypertext lieân keát tôùi moät trang Web khaùc. Ñieàu quan troïng caàn nhôù laø trong tag keát thuùc,
</tag_name>coù chöùa kyù töï "/". Kyù töï "/" naøy baùo cho Web browser bieát laø hieäu öùng cuûa tag ñöôïc keát thuùc taïi ñaây. Raát nhieàu tag HTML ñöôïc ñi theo moät caëp nhö theá naøy. Neáu baïn queân kyù töï "/", Web browser seõ tieáp tuïc theå hieän hieäu öùng cuûa tag trong phaàn coøn laïi cuûa vaên baûn vaø taïo ra caùc keát quaû khoâng mong muoán (ñeå coù kinh nghieäm, sau naøy baïn coù theå thöû xem).
LÖU YÙ: moät Web Browser khoâng quan taâm tôùi vieäc baïn söû duïng chöõ hoa hay chöõ thöôøng. Laáy ví duï : <h3>...</h3> thì khoâng khaùc gì vôùi <H3>...</H3>Khoâng gioáng nhö vieäc laäp trình, neáu baïn coù moät loãi trong trang HTML, heä thoáng cuûa baïn seõ khoâng bò "Crash"; trang Web cuûa baïn seõ vaãn nhìn thaáy ñöôïc, nhöng ... sai. Coù theå nhanh choùng vaø deã daøng vaøo beân trong trang HTML vaø söõa chöõa laïi noäi dung cuûa noù.
Browser cuûa baïn tuy nhoû nhöng laïi coù moät boä töø vöïng môû. Thaät laø thuù vò vôùi HTML khi browser cuûa baïn khoâng bieát laøm caùi gì vôùi tag ñaõ cho, noù seõ boû qua tag ñoù! Laáy ví duï, trong taøi lieäu maø baïn ñang xem ñaây, tag header cho phaàn naøy thaät söï ñöôïc vieát nhö sau :
<wiggle><h3>Tag HTML la gi?</h3></wiggle>nhöng vì browser cuûa baïn coù theå khoâng hoã trôï tag <wiggle> (do toâi töï ñaët ra, coù theå trong töông lai noù seõ laøm cho vaên baûn coù daïng soùng khi theå hieän), noù seõ boû qua vaø vaãn tieáp tuïc vôùi nhöõng tag naøo maø noù hieåu ñöôïc. Neáu toâi laø ngöôøi vieát ra moät web browser môùi, toâi seõ quyeát ñònh theâm tag <wiggle> vaøo phaàn meàm cuûa toâi.
Löu yù: Ñaây laø nôi raát toát ñeå löu yù vôùi baïn raèng chuùng toâi seõ cung caáp nhöõng chæ daãn chaúng haïn nhö laø teân thöïc ñôn vaø teân taäp tin nhöng nhöõng teân naøy coù theå khaùc ñi phuï thuoäc vaøo Web browser maø baïn ñang söû duïng.
Vì vaäy, baïn haõy coá thích öùng vôùi vieäc chuyeån qua laïi giöõa caùc chöông trình vaø cöûa soå treân maùy cuûa baïn. Moät caùch khaùc laø haõy in ra caùc lôøi chæ daãn trong baøi hoïc (nhöng thaät söï chuùng toâi khoâng muoán toå chöùc caùc baøi höôùng daãn naøy theo moät caáu truùc caây). Döôùi ñaây laø caùc böôùc ñeå taïo ra workspace cuûa baïn :
Löu yù: Lyù do duy nhaát ñeå coù hai cöûa soå ôû ñaây laø baïn coù theå ñoïc nhöõng chæ daãn töø baøi hoïc vaø cuõng coù theå xem taøi lieäu maø baïn ñang laøm vieäc. Baïn cuõng coù theå ñöa vaøo boomark trang web naøy vaø trôû laïi noù vaøo moïi luùc söû duïng thöïc ñôn Go hay History.
Löu yù: Baïn caàn phaûi chuyeån qua laïi giöõa caùc cöûa soå ñeå hoaøn taát caùc baøi hoïc. Ñieàu naøy coù theå gaây ra khoù chòu phuï thuoäc vaøo kích côõ cuûa maøn hình baïn ñang söû duïng. Baïn coù theå chænh laïi kích thöôùc caùc cöûa soå ñeå chuùng cuøng ñöôïc trình baøy treân maøn hình ñeå deã daøng laøm vieäc vôùi chuùng.Neáu baïn söû duïng moät chöông trình xöû lyù vaên baûn ñeå taïo HTML cuûa baïn , haõy chaéc chaén raèng daïng löu tröõ laø vaên baûn (hoaëc ASCII).
Cuõng vì vaäy, seõ giuùp cho baïn ñöôïc nhieàu hôn khi baïn taïo ra moät directory/folder môùi trong maùy cuûa baïn ñeå giöõ laïi caùc keát quaû baïn taïo ra. Baïn coù theå goïi noù laø workarea hay myspace hay baát kyø töø naøo baïn thích; haõy löu laïi taát caû caùc taäp tin maø baïn taïo ra trong vuøng naøy. Ñieàu naøy seõ laøm cho cuoäc soáng cuûa baïn toát hôn ... ít nhaát laø trong khi laøm vieäc vôùi taøi lieäu naøy!
Caáu truùc cô baûn cuûa moät trang HTML laø:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<!-- header info used to contain extra information about
this document, not displayed on the page -->
</head>
<body>
<!-- all the HTML for display -->
: :
: :
: :
</body>
</html>
Doøng ñaàu tieân heát:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">thì khoâng caàn thieát laém, nhöng laø maõ ñeå baùo cho browser bieát phieân baûn naøo cuûa HTML ñöôïc söû duïng trong trang hieän thôøi. Ñeå coù nhieàu thoâng tin hôn, haõy xem trang W3C Reference Specification.
Toaøn boä coâng vieäc ñeå thaønh laäp moät trang HTML naèm trong caëp tag <html>...</html>. Beân trong noù laø caëp tag <head>...</head> vaø sau ñoù laø <body>...</body>. Trang Web cuûa baïn coù theå ñöôïc hieån thò toát treân haàu heát maùy tính maø khoâng caàn nhöõng tag naøy. Tuy nhieân baèng caùch söû duïng chuùng, trang Web cuûa baïn seõ hoaøn toaøn töông thích vôùi chuaån quoác teá cuûa HTML vaø chaéc chaén raèng seõ töông thích vôùi nhöõng Web browser khaùc trong töông lai.
Ñaây laø moät thoùi quen toát gioáng nhö laø vieäc baïn ñaùnh raêng haèng ngaøy vaäy.
Cuõng löu yù raèng nhöõng tag chuù thích ñöôïc bao bôûi <!-- blah blah blah -->. Doøng vaên baûn giöõa nhöõng tag naøy KHOÂNG ñöôïc hieån thò trong trang Web nhöng ñeå ñaët nhöõng thoâng tin coù theå höõu ích cho chính baïn hoaëc baát kyø ngöôøi naøo caàn phaûi xem daïng HTML cuûa nhöõng trang Web. Khi trang Web cuûa baïn trôû neân phöùc taïp (gioáng nhö baïn seõ thaáy sau naøy khi theâm vaøo caùc baûng, frame vaø nhöõng vaán ñeà khaùc cuûa hôn 20 baøi hoïc), nhöõng chuù thích naøy seõ trôû neân höõu ích khi baïn caàn caäp nhaät moät trang Web maø baïn ñaõ taïo ra caùch ñaây khaù laâu.
Sau ñaây laø nhöõng böôùc tieáp theo cho vieäc taïo file HTML ñaàu tieân. Baïn vaãn saün saøng chöù?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Volcano Web</title>
</head>
<!-- written for the Writing HTML Tutorial
by Lorrie Lava, February 31, 1999 -->
<body>
In this lesson you will use the Internet to research
information on volcanoes and then write a report on
your results.
</body>
</html>
Löu yù: Haõy tìm vò trí cuûa caëp tag <title>...</title>. Noù ñöôïc ñaët ôû trong phaàn <head>...</head> vaø nhö vaäy noù seõ khoâng ñöôïc nhìn thaáy treân maøn hình phaûi khoâng. Noù ñöôïc duøng laøm gì? Tag <title> ñöôïc söû duïng ñeå nhaän daïng cuûa moãi taøi lieäu vaø cuõng ñöôïc hieån thò treân thanh tieâu ñeà cuûa cöûa soå browser.Trong baøi 3 baïn seõ hoïc caùch laøm theá naøo ñeå moät tieâu ñeà xuaát hieän tröïc tieáp treân trang web cuûa baïn.
Cuõng löu yù raèng chuùng ta seõ cheøn theâm vaøo nhöõng tag chuù thích veà taùc giaû vaø ngaøy maø trang Web ñöôïc taïo thaønh. Baïn coù theå vieát baát kyø caâu gì giöõa nhöõng tag chuù thích vaø nhöõng caâu naøy chæ ñöôïc nhìn thaáy khi ngöôøi ñoïc xem daïng HTML nguoàn cuûa trang Web.
Chuù yù: Vôùi Windows, baïn phaûi caát laïi caùc taäp tin HTML vôùi phaàn môû roäng laø .HTM, nhö vaäy taäp tin cuûa baïn teân laø VOLC.HTM. Khoâng coù vaán ñeà gì ñaâu! Web browser ñuû thoâng minh ñeå bieát raèng caùc taäp tin coù phaàn môû roäng laø .HTM laø moät taäp tin HTML.Baèng caùch söû duïng phaàn môû roäng nhö treân, moät Web browser seõ bieát ñoïc nhöõng file naøy theo daïng HTML vaø seõ hieån thò chính xaùc noù trong trang Web.
Neáu taøi lieäu baïn taïo ra khaùc vôùi ví duï maãu, haõy xem laïi vaên baûn maø baïn ñaõ nhaäp trong trình soaïn thaûo vaên baûn.
Loãi thöôøng ñöôïc thaáy nhaát laø: "Toâi khoâng nhìn thaáy tieâu ñeà !" Ñieàu naøy khoâng ñuùng!
Doøng chöõ beân trong tag <title>...</title> KHOÂNG ñöôïc hieån thò
treân trang Web; baïn seõ nhìn thaáy noù trong thanh tieâu ñeà cuûa cöûa soå Web browser.
Haõy giöõ laïi taäp tin naøy ñeå baïn coù theå theâm vaøo noù trong caùc baøi sau.
Nhöng noùi moät caùch khaùch quan, noù khaù ngaén vaø khoâng phaûi laø soáng ñoäng laém! Trong baøi tieáp theo baïn seõ ñieàu chænh vaø caäp nhaät trang Web cuûa baïn.
The Internet Connection at MCLI is
Alan Levine --}
Comments to levine@maricopa.edu
URL: http://www.mcli.dist.maricopa.edu/tut/tut1.html