HTML Toan Tap 3977

BI 1 : HTML c s 1-Thnh phn-Element: Mi mt trang HTML c to bi nhiu thnh phn. Thnh phn nh mt hp cha tng ni dung ca trang Web.
Thnh phn khai bo cc c tnh m ni dung trong thnh phn s da vo . i vo chi tit ca thnh phn, trc ht bn cn nm mt s thnh phn chnh ca trang web sau y: <html></html>: Bt u v kt thc ca vn bn (bt buc c trong tt c vn bn HTML). <head></head>: Bt u v kt thc phn lu tr cc thng tin quan trng ca vn bn. Phn ny khng hin th trn trnh duyt. <title></title>: Cp th ny cha tiu ca trang. Tiu ny nm trong trong phn <head></head> v c hin th trn cng ca trnh duyt. Khai bo <title></title> lun c Search Engine tm trang. <meta></meta>:: Tag <meta> thng khng cn kha </meta>. Tag ny dng khai bo cc thng tin chi tit v trang. Cc khai bo by thng bt u nh: <meta name="discription" content=" ni dung...">, hoc <meta name="keywords" content=" ni dung....">. Cc khai bo ny cng c dng cho Search Engine. (Nn c) <link></link>: Cp Tag ny dng lin kt tp tin ngai vo trang Web, thng l tp tin Cascading style sheet vi phn m rng l css. V d: <LINK REL="STYLESHEET" HREF="default.css" CHARSET="UTF-8" TYPE="text/css"> Khi khai bo nh vy Tag ny khng cn tag ng </link>(s cp trong phn CSS). <style></style>: Cp Tag ny dng nhng phong cch Cascading Style Sheet. C th t trong phn <head></head> hoc t ti ni phong cch c p dng. V d: <style> p {font-family:tahoma;verdana;font-size:14px; color:#000000;} </style> <script></script>: Cp tag ny dng nhng ng dng Javascript, c th t trong phn <head></head> hoc ti v tr ng dng c gi. (s cp trong phn javascript). V d: <script language="JavaScript"> for(x=0; x<5;> <body></body>: y l cp tag cha ng ni dung ca trang Web. Nhng g hin th trn Browser nm trong cp tag ny. (Ring vi Frameset khng cn khai bo) <frameset></frameset>: c t ngay di cp Tags: <head></head> . Vi Frameset khng cn cp Tags: <body></body>. V d ti liu HTML ny c trnh by theo kiu Frame. (s cp trong cc bi hc) <isindex>: Thng bo trnh duyt rng trang index c th tm c nm trn server. <!doctype>: M t bn HTML m trang web nh dng theo . (khng bt buc) 2-Th-Tag: Th cng l mt thnh phn ca trang. y chnh l nhng g bn cn nh bin tp trang HTML. Cc th thng i theo cp v c cu trc nh thnh phn chnh, ngha l cng c th m v ng. Th m bt u vi du nh hn(<) ri n thnh phn ca th ri du ln hn (>) v th ng cng tng t nhng c thm du cho ti (/).
V d: khai bo mt an vn bn trong trang HTML, ta g vo: <p> ni dung an vn bn</p>. Trong <p>: khai bo an vn bn s hin th v </p>: ng khai bo an vn bn. Mt s th khng c tag ng, v d nh <br> dng xung hng hay <hr> dng v mt ng ngang. 3-Thuc tnh-Attribues v Gi tr-Values: Thuc tnh l mt thnh phn quan trng trong HTML. Thuc tnh c s dng nh ngha c tnh ca thnh phn v c t trong tag m ca thnh phn. Gi tr lun i km vi thuc tnh xc nh c tnh ca thnh phn. n gin l thuc tnh t tn cho c tnh v gi tr m t c tnh . Nh vy, mt thnh phn thng c cu trc:

Tag m thnh phn. Thuc tnh thnh phn, du "=" v "Gi tr thnh phn" Tag ng thnh phn.
V d: hin th ch mu xanh, ta dng cp tag <font></font>. V ta yu cu Browser bng lnh sau: <font color="blue"> Ch gia cp tag ny s c mu xanh</font> Trong : color: l thuc tnh, v gi tr ="blue" l gi tr ca thuc tnh mu. Lu :
Khng phi cc thuc tnh v gi tr u p dng cho tt c cc thnh phn. V d: nu ta dng color="blue" trong th <p color="blue">, trnh duyt s b qua thuc tnh v gi tr ny v ly mc nhin ca n (thng l ch mu en). Lun lun khai bo gi tr trong du ngoc kp (" ") mc d HTML, XHTML v XML khng yu cu. Font ch v phong cch chn trong chng trnh bin tp HTML khng c tc dng trng Browser. Dng phm Enter v phm Cch (space) to khang cch cc ch cng khng c tc dng.
HTML l ngn ng Markup l vy. Mun trnh din kiu no, phi khai bo Markup kiu , v Markup phi dng n TAG. Ok, trong bi hc ny bn cn n 4 thnh phn c bn ca trang l:

<html></html>. <head></head>. <title></title>. <body></body>.
Hy bt u vi trang HTML u tin ca bn. II-Trang HTML u tin ca bn:
1-M Notepad: T Windows, click Start/ chn All Programs/ chn Accessories/ Chn Notepad, chng trnh Notepad m ra nh hnh di:
Trong ca s Notepad, click Format, chn Word Wrap ch khng trn sang bin phi m t ng xung hng. Click Format mt ln na, chn Font, trong ca s Font ny, tm chn Tahoma nu bn mun hin th ting Vit khi g bng Unikey hay b g ting Vit h tr Unicode. 2-Vit Codes vo NotePad: G vo Notepad cc dng codes sau y: <html> <head> <title>My first webpage</title> </head> <body> y l trang Web u tin ca ti!!! </body> </html> 3-Lu trang Notepad Untilted: Trc tin, bn nn to mt th mc cha cc trang m bn to ra trong sut qu trnh thc hnh, t tn cho th mc ny l html. Nn th mc ny l th mc gc C:\html. T ca s Notepad vi File Untitled cha cc dng codes bn mi g vo, click File chn Save as, ca s Save as m ra, chn da cha th mc html nh hnh di:
1. Ti Filename: g vo tn file myfirstpage.html (nh rng phn m rng l .html) 2. Ti Save as type: chn All files 3. Ti Encoding chn: UTF-8 (Unicode Transformation Format-8). Xong click Save. 4-M trang myfirstpage.html vi Internet Explorer: 1. Khi ng Internet Explorer: Trong Windows, click Start/ chn Internet Explorer. Trnh duyt IE c np vo. Bn khng cn phi kt ni Internet. B qua lu : The page could not display. Click trn thc n File, chn Open: Ca s Open m ra: Xem hnh:
2. Click Browse tm n th mc html, file myfirstpage v click Open, bn thy trnh duyt tm c file, chng hn nh hnh minh ha di:
3. Click OK, trang Web ca bn c IE m nh bn di: ( y ch trnh by mt phn ca trang trn IE Browser):
Bn xem li cc dng codes, ri bn xem ni dung hin th ca trang. Bn thy rng dng ta hin th trn cng ca Browser. Dng ny c khai bo trong cp Tag thnh phn <title></title> t trong <head></head>. Ch c cu: y l trang Web u tin ca ti!!! m bn t gia cp tag <body></body> hin th. l chnh l ni dung ca trang Web. Nh vy, bi thc hnh ny cng c li l thuyt v cc thnh phn chnh trong mc I ca bi hc. thc hnh, bn hy to mt s trang v g vo tht nhiu ch, bn cng c th bm phm cch m rng khang cch cc ch, nhn phm Enter xung hng. Sau lu file (nh rng phn m rng phi l .html). M file bng Browser, bn xem cc khang cch v xung hng m bn to trong Notepad c hin th trn Browser khng? Bi 4 s gip bn lm c iu ny.
BI 2 : Tiu , an Vn, an Trch Dn, Xung Hng Trong mt vn bn, tiu (header) thng c vit m v ln phn bit vi ni dung ca vn bn. to tiu trong trang HTML s dng cp tags (Th): I-Cp Tags tiu : Header (h) tag
Trong mt vn bn, tiu (header) thng c vit m v ln phn bit vi ni dung ca vn bn. to tiu trong trang HTML s dng cp tags (Th): <hn> </hn> 1-C php: <hn> Tn ca tiu </hn> Trong :

h: dng khai bo tag tiu s c dng n: l s nguyn 1--> 6 lun i sau h xc nh kch thc ch tiu . n v tnh: pixel. Theo th t:

h1: 20px h2: 18px h3:16px h4: 14px h5:12px h6: 10px
Lu : Cc gi tr trn ch tng trng cho kh nng ca HTML. Vi CSS, bn c th nh dng th <H> v cho gi tr ln (pixels) ty . Tag ng tiu tng ng vi tag m nhng phi c thm du /: </hn> Xem v d:
Vit: <h1>y l Header 1</h1> Hin th: Vit: <h2>y l Header 2</h2> Hin th: Vit: <h3>y l Header 3</h3> Hin th: Vit: <h4>y l Header 4</h4> Hin th: Vit: <h5>y l Header 5</h5> Hin th:
y l Header 1
y l Header 2
y l Header 3
y l Header 4
y l Header 5
Vit: <h6>y l Header 6</h6> Hin th:

y l Header 6
Thc hnh: M Notepad hoc coderunner g vo an code bn di:
<html> <head> <title>header</title> </head> <body> <h1>y l Header 1</h1> <h2>y l header 2</h2> <h3>y l Header 3</h3> <h4>y l Header 4</h4> <h5>y l Header 5</h5> vh6>y l Header 6</h6> </body> </html>
Lu tp tin trn vi tn heading.html. Dng trnh duyt m xem kt qu.
2-Thuc tnh v gi tr thuc tnh ca h:

canh bin tri phi, gia, cho th h chng ta dng thuc tnh i km trong h l align="gi tr".
C php: &lthn align="gi tr">ni dung tiu </hn>

Trong : "gi tr" c thay th bng:

justify :canh u 2 bin tri phi. Dng trong trng tiu di hn 2 dng th 2 bin tri phi u nhau. Khc vi kiu nh my ch. left :canh tri (mc nhin, khng cn khai bo) right :canh phi center :canh gia
V d: <h2 align="center">Header ny c canh gia</h2>
Header ny c canh gia

<h2 align="right">Header ny c canh phi</h2>
Header ny c canh phi

<h2>Header ny mc nhin l canh bin tri</h2>
Header ny mc nhin canh bin tri

II-Cp Tags an Vn: Paragraph <p></p> Tag hin th ni dung ca mt an vn bn ta s dng cp tag: <p></p>. Khc vi vic nhp ni dung trc tip nh trong bi 3, ngai vic t ng xung hng, cch mt dng khi bt u mt an vn bn khc, cp tags:
<p></p> cn c th nh dng canh u 2 bin, canh phi, canh gia. Mc nhin, khang cch gia cc dng trong vn bn c thit lp trong trnh duyt. nh dng khang cch gia cc hng, cc ch cng nh nhiu thuc tnh khc ca <p> chng ta phi dng n Cascading Style Sheet(CSS).
1-C php:
<p> Ni dung ca an vn bn</p> V d: Vit: <p>Nu ch hc HTML m khng nm cch s dng ca Cascading Style Sheet th cha th iu khin c trang web nh mun. CSS, ngn ng vi c php ring gip chng ta trnh by mt trang web vng v gn gng hn. Trong khi phi lp i lp li vic g cc tag v thuc tnh ca chng p dng vo tng ch, biu bng... vi CSS, bn ch vic gn thuc tnh v gi tr ri dng chng nh dng cho tan b trang web hoc nhiu trang Web trn cng mt server.</p> Hin th trn trnh duyt: Nu ch hc HTML m khng nm cch s dng ca Cascading Style Sheet th cha th iu khin c trang web nh mun. CSS, ngn ng vi c php ring gip chng ta trnh by mt trang web vng vng v gn gng hn. Trong khi phi lp i lp li vic g cc tag v thuc tnh ca chng p dng vo tng ch, biu bng... Vi CSS ta c th gn thuc tnh v gi tr cho tng elements v tags, ri lu chng bng 1 tp tin c phn m rng l .css, dng tp tin ny nh dng layout mt hoc nhiu trang Web trn Server.
2-Thuc tnh v gi tr thuc tnh ca <p>:

Cng ging nh vi <h>, thuc tnh ca <p> l align= v gi tr ca align= l:

center :canh gia. justify:canh u 2 bin left :hoc khng khai bo align: mc nhin right :canh bin phi.
V d: an vn bn ny c canh u hai bin. Vit: <p align="justify">Nu ch hc HTML m khng nm cch s dng ca Cascading Style Sheet th cha th iu khin c trang web nh mun. CSS, ngn ng vi c php ring gip chng ta trnh by mt trang web vng vng v gn gng hn. Trong khi phi lp i lp li vic g cc tag v thuc tnh ca chng p dng vo tng ch, biu bng... Vi CSS ta c th gn thuc tnh v gi tr cho tng elements v tags, ri lu chng bng 1 tp tin c phn m rng l .css, dng tp tin ny nh dng layout mt hoc nhiu trang Web trn Server.</p> Hin th trn trnh duyt:
Nu ch hc HTML m khng nm cch s dng ca Cascading Style Sheet th cha th iu khin c trang web nh mun. CSS, ngn ng vi c php ring gip chng ta trnh by mt trang web vng vng v gn gng hn. Trong khi phi lp i lp li vic g cc tag v thuc tnh ca chng p dng vo tng ch, biu bng... Vi CSS ta c th gn thuc tnh v gi tr cho tng elements v tags, ri lu chng bng 1 tp tin c phn m rng l .css, dng tp tin ny nh dng layout mt hoc nhiu trang Web trn Server. : hai bin tri phi c canh thng u, khng li lm theo kiu nh my ch. V d: an vn bn ny c canh phi. Vit: <p align="right">Nu ch hc HTML m khng nm cch s dng ca Cascading Style Sheet th cha th iu khin c trang web nh mun. CSS, ngn ng vi c php ring gip chng ta trnh by mt trang web vng vng v gn gng hn. Trong khi phi lp i lp li vic g cc tag v thuc tnh ca chng p dng vo tng ch, biu bng... Vi CSS ta c th gn thuc tnh v gi tr cho tng elements v tags, ri lu chng bng 1 tp tin c phn m rng l .css, dng tp tin ny nh dng layout mt hoc nhiu trang Web trn Server.</p> Hin th trn trnh duyt: Nu ch hc HTML m khng nm cch s dng ca Cascading Style Sheet th cha th iu khin c trang web nh mun. CSS, ngn ng vi c php ring gip chng ta trnh by mt trang web vng vng v gn gng hn. Trong khi phi lp i lp li vic g cc tag v thuc tnh ca chng p dng vo tng ch, biu bng... Vi CSS ta c th gn thuc tnh v gi tr cho tng elements v tags, ri lu chng bng 1 tp tin c phn m rng l .css, dng tp tin ny nh dng layout mt hoc nhiu trang Web trn Server. III-Cp Tags Trch an: <blockquote></blockquote>
1-C php:
<blockquote> Ni dung ca trch an</blockquote> Dng cp tag ny khi mun trch dn mt an vn bn, v an vn bn s tht l (indent) ty theo s ln <blockquote> m v ng. M bao nhiu th ng by nhiu. V d: Vit: <blockquote><blockquote>Nu ch hc HTML m khng nm cch s dng ca Cascading Style Sheet th cha th iu khin c trang web nh mun. CSS, ngn ng vi c php ring gip chng ta trnh by mt trang web vng vng v gn gng hn. Trong khi phi lp i lp li vic g cc tag v thuc tnh ca chng p dng vo tng ch, biu bng... Vi CSS ta c th gn thuc tnh v gi tr cho tng elements v tags, ri lu chng bng 1 tp tin c phn m rng l .css, dng tp tin ny nh dng layout mt hoc nhiu trang Web trn Server.</blockquote></blockquote>
Hin th trn trnh duyt: Nu ch hc HTML m khng nm cch s dng ca Cascading Style Sheet th cha th iu khin c trang web nh mun. CSS, ngn ng vi c php ring gip chng ta trnh by mt trang web vng vng v gn gng hn. Trong khi phi lp i lp li vic g cc tag v thuc tnh ca chng p dng vo tng ch, biu bng... Vi CSS ta c th gn thuc tnh v gi tr cho tng elements v tags, ri lu chng bng 1 tp tin c phn m rng l .css, dng tp tin ny nh dng layout mt hoc nhiu trang Web trn Server.
2-Thuc tnh v gi tr thuc tnh ca <blockquote></blockquote>:

Cp tag ny khng c thuc tnh v gi tr tr vic s dng trch dn ngay trong dng bng c php: <q xml:lang="xx"></q>. V ghi r trch dn t mt trang Web khc bn dng c php <blockquote cite="URL"> IV-Tag Xung Hng: Break <br> a line tag v chng xung hng <nobr>.
1-Tag xung hng:

Khi vit thng vo HTML khng cn s dng Paragraph tag (p tag), bn c th s dng Tag: <br> xung hng. Tag ny khng c tag ng.. V d: Vit: H:<br> Tn: <br> a ch-email:<br> Hin th trn trnh duyt: H: Tn: a ch e-mail:
2-Tag chng xung hng: <nobr>

Tag ny thng s dng trong mt cu lnh hay mt hnh ng di ca an m Javascript. . C Php: <nobr>. Bn s thy vic s dng hu hiu tag ny trong cc an Javascript cao cp.
3-Thuc tnh v gi tr thuc tnh ca <br>

Tag ny c mt thuc tnh Clear dng ngn vic xung dng t ng. C php: <br clear> Tag ny thng c dng trong cc on Javascript nh Rolling Text hoc Crossmarque, khi lnh xung hng s lm cho on m hin th khng ng. V-To khang trng: none breaking space
1-C php:
to khang trng gia cc ch hoc ni dung ta dng . Khng c ng m cho lnh ny. V d: Vit: Khi cha bit CSS, mun tht l ti phi dng bao nhiu l nh vy. Hin th trn trnh duyt: Khi cha bit CSS CSS, mun tht l ti phi dng bao nhiu l nh vy. VI-Tag v ng gch ngang: H orizontal Rule (HR) tag
1-C php:
v mt ng ngang trong trang dng tag: <hr>. y l mt tag n v do khng c Tag ng.
2-Thuc tnh v gi tr thuc tnh ca <hr>

C 5 thuc tnh cho <hr> l:

align= :Canh bin. Gi tr l: right,center, left (mc nhin) noshade :Khi mun hin th ng ngang khng c bng m. size= : dy ca ng ngang. Gi tr: s 1,2 hoc 3. width= : rng( di chiu ngang). Gi tr l px hoc % color= :Mu Dng tn mu nh red, green, blue hoc hexadecimal nh: #0000FF, #FFCC99...
V d: Vit: <hr align="center" size="3" width="400" color="red"> Hin th trn trnh duyt:
VII-Canh gia ni dung: <center></center> tag Khi khng s dng <P> hoc <blockquote> cho an vn bn, bn c th dng cp Th <center></center> canh gia ni dung V d: Vit: <center><b>Canh gia ni dung ny</b></center> Hin th trn trnh duyt: Canh gia ni dung ny Cp tag ny cng c dng canh nh, form vo gia trang.
BI 3 : nh dng ch Trong bi hc ny chng ta s nm cch s dng cc th nh dng ch m, Nghing, Gch di... trong trang HTML.
I-Ch m: Bold (b) tag lm cho ch m ta s dng cp tag: <b> </b> 1-C php: a-Cp Tags: : <b> </b> <b> ch cn lm m</b>. Trong :

<b> :tag khai bo ch m. </b> :tag ng ch c lm m. Nu bn s khng ng bng tag ny, ch m s nh hng ln cc ni dung khc trong vn bn.
V d:
Vit: <b>an ny s m</b>
Hin th trn trnh duyt: an ny s m
2-Thuc tnh v gi tr thuc tnh ca: <b> </b>, <strong></strong>Cc cp tag ny khng c thuc tnh v gi tr.
II-Ch Nghing: Italic (i) tag lm cho ch nghing ta s dng cp tag: <i> </i> hoc <em> </em> 1-C php: a-Cp Tags:<i> ch nghing</i> Trong :

<i> :tag khai bo ch nghing. </i> :tag ng ch c lm nghing. Lun c tag ny.
V d: Vit: <i>an ny s nghing</i> Hin th trn trnh duyt: an ny s nghing
b-Cp Tags: <em> </em> cng c dng lm ch nghing. C php v v d tng t, thay th i bng em. Ngai ra chng ta cng c th dng cp tags <address>Ch nghing</address> lm ch nghing, nhng ni dung trong cp tags ny t ng xung hng. Cc cp tags : <cite>ch nghing</cite>, <dfn> Ch nghing</dfn>, <var>Ch nghing</var>, cng c tc dng lm nghing ch nhng t c s dng nh tags <i></i> 2-Thuc tnh v gi tr thuc tnh ca: <i> </i>, <em> </em> Cc cp tag ny khng c thuc tnh v gi tr.
III-Ch Gch Di: Underline (u) tag lm cho ch gch di ta s dng cp tag: <u> </u> v <ins> </ins> 1-C php: a-Cp Tags: <u> ch cn gch di</u> Trong :

<u> :tag khai bo gch di. </u> :tag ng ch c gch di. Lun c.
V d: Vit: <u>I like HTML</u> Hin th trn trnh duyt: I like HTML
b-Cp Tags:<ins> </ins> chn mt an ch c gch di vo ni dng:. C php tng t. V d: Vit: I like <ins>HTML</ins> HTML 2-Thuc tnh v gi tr thuc tnh ca: <u> </u> v <ins> </ins>: Cc cp tag ny khng c thuc tnh v gi tr. IV-Ch Gch Gia: Strike (strike) tag 1-C php: Ta c th vit: <strike>ch gch gia</strike> hoc <s>ch gch gia</s> Trong :

Hin th trn trnh duyt: I like
<s> :tag khai bo gch gia. </s> :tag ng ch c gch gia.
V d: Vit: <s>Gi c: 250.000 ng</s> V-Ch to hn: Big (big) tag lm cho ch ln hn c ch hin ti, ta s dng cp tag: <big> </big> 1-C php:<big>Ch to hn</big> Hin th trn trnh duyt: Gi c: 250.000 ng
Trong :

<big> :tag khai bo lm ch to hn. </big> :tag ng ch c lm to.
V d: Vit: <big>Ch ny to hn</big> 2-Thuc tnh v gi tr thuc tnh ca: <big> </big> Cc cp tag ny khng c thuc tnh v gi tr. VI-Ch nh hn: Small (small) tag lm cho ch nh hn c ch hin ti, ta s dng cp tag: <small> </small> 1-C php:<small>Ch nh hn</small> Trong :

Hin th trn trnh duyt:
Ch ny to hn
<small> :tag khai bo lm ch nh hn. </small> : tag ng ch c lm nh.
V d: Vit: <small>Ch ny nh hn</small> Hin th trn trnh duyt:

Ch ny nh hn
2-Thuc tnh v gi tr thuc tnh ca: <small> </small> Cc cp tag ny khng c thuc tnh v gi tr. thc hnh, bn hy m Notepad, sau vit cc on codes trong cc bi v d trn v lu tp tin format_text.html
BI 4 : nh dng Font Ch, Mu ch, C ch Hng dn nh dng ch, mu ch vi th <FONT>. I-Font ch: <font></font> tag <font></font> tags dng khai bo font ch, mu ch v c ch s dng trong an vn bn hay tiu , hay mt an trch dn... Khi khai bo <font> phi km theo thuc tnh v gi tr ca n. C php: <font thuc tnh="gi tr"> </font> Trong :

<font> :khai bo font tag s c dng. Thuc tnh: C 3 thuc tnh l: color, face v size. </font> :tag ng.
V d: Vit: Hin th trn trnh duyt: <font >Ch mu </font> Ch mu <font >Ch mu xanh, mc 1 Ch mu xanh, mc 1 </font> <font >Ch mu hng, font Ch mu hng, font arial arial </font> <font >Ch mu chanh, font Ch mu chanh, font tahoma, mc -1 tahoma, mc -1 </font>
II-Gi tr mu, font ch v kch thc ch ca: <font></font> tag 1-Gi tr mu: C hai cch khai bo mu ph bin l: a-S dng tn mu: gm 16 tn. Khai bo nh sau:

<font > Mu aqua </font> <font > Mu black</font> <font > Mu blue</font> <font > Mu fuchsia</font> <font > Mu gray</font> <font > Mu green</font> <font > Mu lime</font> <font > Mu maroon</font> <font > Mu navy</font> <font > Mu olive</font> <font > Mu purple</font> <font > Mu red</font> <font > Mu silver</font> <font > Mu teal</font>
<font > Mu white</font> <font > Mu yellow</font>
b-S dng gi tr Hexadecimal: Cch khai bo: Lun bt u bng du #. Di y l v d biu din 16 tn mu bng gi tr Hex. c thm nhiu mu bn cn tham kho Bng mu 1 trong mc lc. Ngai ra, bn cng c th s dng gi tr Hex trong bng mu 2. V d:

<font > Mu aqua </font> <font > Mu black</font> <font > Mu blue</font> <font > Mu fuchsia</font> <font > Mu gray</font> <font > Mu green</font> <font > Mu lime</font> <font > Mu maroon</font> <font > Mu navy</font> <font > Mu olive</font> <font > Mu purple</font> <font > Mu red</font> <font > Mu silver</font> <font > Mu teal</font> <font > Mu white</font> <font > Mu yellow</font>
2-Font ch: 3 Font ch Unicode h tr du ting Vit cho Web ph bin l: arial, verdana v tahoma. Dng b g h tr Unicode nh Unikey v chn lu file l Unicode UTF-8 th trnh duyt s hin th du Ting Vit. Khai bo nh sau:

<font > Font tahoma </font> <font > Font arial </font> <font > Font verdana </font>
3-C ch:

<font > C rt ln </font> <font > C ln </font> <font > C va </font> <font > C nh </font> <font > C policy th tn dng </font> <font > C policy cho mn xe </font>
III-Bi thc hnh: M Notepad v g vo bi thc hnh sau: <html> <head> <title>Fotmat_font</title> </head> <body> <h2 align="center"><font color="navy">Bi thc hnh s 2</h2> <p align="justify"><font color="blue" size="+1">Vi</font> <font color="red"> font tags </font>, chng ta c th chn c <font color="#FF00FF">mu cho ch</font>, kch thc cho font ch nh ch <font size="2">rt nh</font>, ch <font face="verdana">font face verdana</font>.</p> </body> </html>
BI 5 : To danh sch (list) Mt vi v d s dng th HTML trnh by Danh mc. I-Danh sch khng theo th t: <ul> </ul> (Unordered List) <ul> </ul> tags dng to danh sch khng theo th t, tag ny gm c thuc tnh v thnh phn to danh sch. 1-C php: <ul thuc tnh="gi tr"> <li>Mc trong danh sch</li> <li>Mc trong danh sch</li> <li>............................</li> </ul> Trong : <ul> :khai bo mt danh sch s c dng. Thuc tnh: type= <li> :Thnh phn khai bo mc ca danh sch. Gi tr: type="k t" </li> :Tag ng mc. (Tag ny l ty chn, khng cn ng cng c.) </ul> :Tag ng. V d: Vit: <ul type="1"> <li>Mc 1 </li> <li>Mc 2 </li> <li>Mc 3 </li> </ul> <ul type="1"> <li>Mc 1 </li> <li>Mc 2 <li> <li value="5">Mc 5 </li> 3. Mc 7 <li>Mc 6 </li> 1. 2. 1. 2. Mc 1 Mc 2 Mc 5 Mc 6 1. Mc 1 2. Mc 2 3. Mc 3 Hin th trn trnh duyt:
<li>Mc 7 </li> </ul>
Mc nhin, khi mt danh sch c khai bo th mc u tin s t ng xung 1 hng vo tht l. 2-Gi tr thuc tnh ca Tag:<ul> </ul>
<ul type="1"> : Bt u danh sch theo th t 1,2,3.(mc nhin) <ul type="square"> : Danh sch bt u l cc chm vung en. <ul type="circle"> : Danh sch bt u l vng trn rng. <ul type="square"> : Danh sch bt u l 1 vng trn en. <ul type="I"> :Danh sch bt u s La M hoa. <ul type="i"> : Danh sch bt u s La M thng. <ul type="A"> : Danh sch bt u ch ci Hoa. <ul type="A"> : Danh sch bt u ch thng. Xem v d: Vit: <ul type="1"> <li>Mc th t 1 </li> <li>Mc th t 2 </li> <li>Mc th t 3 </li> </ul> <ul type="square"> <li>Mc vi vung en. </li> </ul> <ul type="circle"> <li>Mc vi trn rng. </li>
o
1. Mc th t 1 2. Mc th t 2 3. Mc th t 3
Mc vi vung en.
Mc vi trn rng
</ul> <ul type="disc"> <li>Mc vi trn en. </li>
Mc vi trn en
</ul>
3-To danh sch nhiu tng: to danh sch nhiu tng, bn c th lng mt danh sch vo trong mt danh sch. Xem v d: Vit: <ul type="1"> <li> <b>Chng 1:</b> <ul type="disc"> <li>Bi L thuyt 1. </li> <li>Bi L thuyt 2. </li> <li>Bi L thuyt 3. </li> </ul> </li> <li> <b>Chng 2:</b> <ul type="square"> <li>Bi Thc Hnh 1. </li> <li>Bi Thc Hnh 2. </li> <li>Bi Thc Hnh 3. </li> </ul> </li> </ul> Bi Thc Hnh 1. Bi Thc Hnh 2.

1. Chng 1: Bi L thuyt 1. Bi L thuyt 2. Bi L thuyt 3. 2. Chng 2:
Bi Thc Hnh 3.
II-Danh sch th t: < ol> &< ol>(Ordered List)
<ol> </ol> Ordered List to danh sch theo th t s hoc ch. Cng ging nh khai bo ca <ul> </ul>, nhng cp tags ny cn c thm thuc tnh Start v gi tr. V d: Vit:
<ol type="1"> <li>Order List hin th mc vi s th t. <li>HTML khng xp th t cc mc. <li>N ch thm s th t vo mi mc <li>Bn phi t xp th t. </ol> <ol type="I" start="10"> <li>Order List c th dng s La M. <li>Order List c th dng ch ci. <li>Bn bt u bng 10. <li>Mc k tip s l XI. XIII. </ol> <ol type="A" start="24"> <li>Order List c th dng ch ci. <li>Dng ch A khai bo. <li>Bt u bng ch th 24. <li>Ch k tip n l X,Y,Z, AA. </ol> X. Y. Z. Order List c th dng ch ci. Dng ch A khai bo. Bt u bng ch th 24. Mc k tip s l XI, XII, XIII. 1. 2. 3. 4. Order List hin th mc vi s th t. HTML khng xp th t cc mc. N ch thm s th t vo mi mc Bn phi t xp th t.
X. XI. XII.
Order List c th dng s La M. Order List c th dng ch ci. Bn bt u bng 10.
AA. Ch k tip n l X,Y,Z, AA.
Cc gi tr thuc tnh ca type=:

< ol type="1" start="10"> :Bt u bng 10, k tip l 11, 12, 13... < ol type="square"> : Danh sch bt u l cc chm vung en. < ol type="circle"> : Danh sch bt u l vng trn rng. < ol type="square"> : Danh sch bt u l 1 vng trn en. < ol type="I" start="5"> :Danh sch bt u s La M hoa, k tip l VI, VII, VIII... < ol type="i"> : Danh sch bt u s La M thng, k tip l vi, vii, viii... < ol type="A" start="3"> : Danh sch bt u ch ci Hoa, k tip l C, D, E.... < ol type="a"> : Danh sch bt u ch thng, k tip l b,c,d...
Bn cng c th to danh sch nhiu tng s dng cp Tags ny hoc kt hp vi Unodered List. Cch to tng t nh v d trong mc I.
III-To Danh sch nh ngha: Mt ng dng to danh sch quan trng l to danh sch cc nh ngha, gii thch thut ng. Chng ta c 3 cp tags lm cng vic ny nh sau: 1. < dl> < /dl> : Tags to danh sch nh ngha. (Definition List) 2. < dt> < /dt> : Tags hin th thut ng s c nh ngha. (Definition Term) 3. < dd> < /dd>: Tags hin th nh ngha ca thut ng. (Definition Description) V d: Vit:
<dl> HTML <dt>HTML</dt> Hypertext Markup Language. <dd>Hypertext Markup Language.</dd> <dt>CSS</dt> <dd>Cascading Style Sheet.</dd> <dt>DHTML</dt> <dd>Damamic Hypertext Markup Language.</dd> <dt>Element</dt> <dd>Element c to bi 2 Th.</dd> <dt>Attribute</dt> <dd>Attribute m t c tnh ca Element.</dd> <dt>Value</dt> <dd>Value xc nh mt gi tr ca Attribute.</dd> </dl> Element Element c to bi 2 Th. Attribute Attribute m t c tnh ca Element. Value Value xc nh mt c tnh ca Attribute. DHTML Dymamic Hypertext Markup Language. CSS Cascading Style Sheet.
BI 6 : t nh ln trang Web Th <IMG> dng t nh ln trang Web. Cc tp tin nh vi phn m rng .jpg v .gif c h tr bi hu ht cc web Browser. Ngai ra, mt s trnh duyt cng chp nhn tp tin .bmp v .png. Trong HTML, tag <IMG> khng ch c dng t nh ln Web m cn dng chn nh thay th cho an ch minh ha mt lin kt. Chng ta s cp n cc lin kt v cc s dng nh lm lin kt trong bi sau. 1-C php: <IMG SRC="imagefile" ALIGN="v tr" BORDER="S" WIDTH="s" HEIGHT="s" ALT="text"> Trong :

IMG : dng khai bo mt nh s c chn vo. (Vit tt ca Image: nh) SRC= :Khai bo ng dn n file nh vi tn ca file nh cn chn vo. (vit tt ca Source: Ngun) ALIGN= :Dng canh v tr nh trong trang. (cc gi tr l: right, top, left, bottom, v middle) BORDER= :Hin th vin bao quanh nh, gi tr giu vin l 0. WIDTH= :Xc nh chiu RNG ca nh. HEIGHT= :Xc nh chiu CAO ca nh. ALT= :an ch thay th cho nh trong trng hp nh khng hin th trn Web. (alt=Alternate: Thay th)
2-V d: Gi s bn c mt nh c tn l mypicture.jpg, nh ny c chiu rng l 200px v chiu cao l 300px. Bn mun t nh ny ln Web. S dng Th <IMG>, bn vit nh sau: <IMG SRC="html/image/mypicture.jpg" WIDTH="200" HEIGHT="300" ALT="my picture"> -Nu nh ny nm trong th mc image v trang Web cha nh ca bn ngai th mc ny. Bn ch ng dn n file nh ny nh sau: <IMG SRC="image/mypicture.jpg" WIDTH="200" HEIGHT="300" ALT="my picture"> -Nu nh ny t ti a ch: http://www.thuvien-it.net/image/mypicture.jpg, Bn ch ng dn n file nh ny nh sau: <IMG SRC="http://www.thuvien-it.net/image/mypicture.jpg" WIDTH="200" HEIGHT="300" ALT="my picture"> Tuy nhin file nh ny ch hin th khi my tnh ni bn thc hnh c kt ni Internet. Do vy ng dng ny t c s dng. Tt hn ht nn Download tp tin nh v my trc. -Trong trng hp tp tin nh khng c trong ng dn SRC=, dng Text ca ALT s hin th thay th: Xem v d di: Lu : Nn khai bo thuc tnh WIDTH v HEIGHT cho nh v nh vy s gip trang Web hin th nhanh hn. Bi v, Browser s t ng dnh mt khang trng bng chiu rng v chiu cao ca nh
trc ri ti cc ni dung ca trang. Sau s tip tc ti nh vo. Ngai ra gi tr m bn gn cho WIDTH v HEIGHT khc vi chiu rng v chiu cao ca nh cng s lm thay i hin th ca nh trong trang Web. Cc bi thc hnh bn di s minh ha iu ny. 3-Thc hnh: Vi nh bn di y c chiu rng l 200px v chiu cao l 150px, ln lt p dng cc thuc tnh v gi tr ca th <IMG> cho nh ny. Trc ht bn cn ti nh ny v my tnh v t trong th mc html l th mc cha cc tp tin Html m bn thc hnh t trc. Cc bi thc hnh ny khng cp n cc cp tag cn thit m v ng mt trang HTML m ch tp trung vo th <IMG> Lu :: canh nh vo gia, chng ta dng cp th <center> </center> t trc v sau th <IMG>
Thc hnh 1: tag IMG n gin nht Vit: <IMG SRC="mypicture.jpg"> Xem kt qu.
t mt nh vo gia trang Web, khi nh khng nm trong mt TD (s cp trong bi 12), dng cp th: <center> </center> Vit: <center><IMG SRC="mypicture.jpg"></center> Xem kt qu.
Thc hnh 2: Dng ALIGN nh v tr cho nh: Vit: <IMG SRC="mypicture.jpg" ALIGN="right">nh ny c canh phi so vi dng ch ny, ni dung s nm bn tri ca nh. Ging nh Wrap nh trong Word. Xem kt qu. nh ny c canh phi so vi dng ch ny, ni dung s nm bn tri ca nh. Ging nh Wrap nh trong Word. Vit: <IMG SRC="mypicture.jpg" ALIGN="middle">Dng ch ny nm gia so vi v tr ca nh. Xem kt qu.
Dng ch ny nm gia so vi v tr ca nh
Tng t, bn c th thc hnh vi cc v tr: left, top, bottom Thc hnh 3: Dng Border thm vin cho nh: Vit: <IMG SRC="mypicture.jpg" BORDER="5"> Xem kt qu.
Thc hnh 4: Thu nh nh bng HEIGHT v WIDTH: thu nh nh bngh Height v Width, bn cn thu nh theo t l theo chiu rng v chiu cao. Chng hn, nh trong v d ny c chiu rng l 200px v chiu cao l 150px. Nh vy khi gim chiu rng xung 1/2 th chiu cao cng gim 1/2 tng ng. Tc l WIDTH="100" V HEIGHT="75" Vit: <IMG SRC="mypicture.jpg" WIDTH="100" HEIGHT="75"> Xem kt qu.
Bi hc ny bao trm cch s dng Th <IMG> chn nh vo trang Web. y l Th duy nht dng hin th nh trn trang Web (Tr nh lm nn vi th background). Do , bn cn thc hnh cch dng th ny tht nhiu ln hin th nh trn trang theo mun.
BI 7 : Hin th vn bn nh dng trc-Hin th li gii thch n bi hc ny bn nm c mt s tag trnh by mt trang HTML... Nhng c th bn s hi rng nu mun gi nhng an text c nh dng trc v khng cn s dng cc th ca HTML th c c khng? Cu tr li l c v bn c th s dng Th <pre> hoc <xmp> lm iu ny. I-Gi li nh dng ca vn bn vi cp tags : <pre></pre> 1-C php: <pre>nh dng trc ca vn bn <pre> Trong :

<pre> :khai bo gi nh dng mc nhin ca vn bn. </pre> :Tag ng khai bo.
V d:
Vy hin th c cc thnh phn ca trang HTML nh <body>, <title>, th lm sao.? Khi bn phi s dng n k t ring cho cc du m v ng thnh phn. Di y l mt s v d:
Xem v d:
Vit: <html> <head> <title> <body> </p> ® © ™
Hin th trn trnh duyt: <html> <head> <title> <body> <p>
Vic a tt c cc k hiu ring cho HTML l mt cng vic mt rt nhiu thi gian v cng sc nu khng s dng cng c h tr. Chng hn hin th v d trn, trong Notepad, chng ta phi vit phi vit nh sau: &#38lt;html&#38gt; &#38lt;head&#38gt; &#38lt;titlel&#38gt; ........................................... I-Gi li nh dng ca vn bn vi cp tags : <xmp></xmp> Cp tag ny hin khng c h tr rng ri bi Browser nn c khuyn co l khng nn s dng nhiu. IE6, FireFox 7.5 h tr. c im ca tag ny l hin th bt k ci g cha bn trong n. 1-C php: <xmp>nh dng trc ca vn bn <xmp> Trong :

<xmp> :khai bo gi nh dng mc nhin ca vn bn. </xmp> :Tag ng khai bo.
Xem v d:
Vit: <xmp> <ul type="square">
<ul type="square">
<li>Hello <li>Hello <li>Hi <li>Hi <li>How are you? <li>How are you? </ul> </ul> <ul type="square"> <ul type="square"> <li>I don't know <li>I don't know <li>I don't care <li>I don't care <li>What is HTML? <li>What is HTML? </ul> </ul> </xmp> Do tnh cht khng c chp nhn rng ri, Bn phi cn thn khi s dng tag ny trnh by bi hng dn s dng HTML. III-Hin th li gii thch: <acronym></acronym> Dng <acronym></acronym> hin th li gii thch cho cc ch vit tt bi cc ch ci u. V d: WTO= World Trade Organization. Bn th a chut ln ch WTO s s thy hiu lc ca tag ny. 1-C php: <acronym title="Li gii thch">Ch vit tt<acronym> Trong :

<acronym> :t ngay trc ch vit tt. title="li gii thch" : Ghi gii thch ca ch vit tt. </acronym> :Tag ng khai bo sau ch vit tt.
V d: Vit: <acronym title="HyperText Markup Language"><u>HTML</u></acronym> <acronym title="Cascading Style Sheet"><u>CSS</u></acronym> <acronym title="Visual Basic"><u>VB</u></acronym> Hin th: HTML
CSS VB
<acronym title="Active Server Page"><u>ASP</u></acronym>
ASP
Bn th a chut ln tng t vit tt ca s hin th, bn s thy c hiu ng acronym mi dng. Ngai ra bn cng c th s dng cp tag <abbr></abbr> hin th li gii thch. C php tng t nh cp tag Acronym nhng ch h tr vi Netscape Navigator v khng c h tr bi IE. BI 8 : Thuc tnh cho thnh phn BODY-Phn 1 Bi ny s gii thiu 3 thuc tnh dng cho thnh phn BODY l chn mu nn, dng nh lm nn, mu ch vi cc Th: bgcolor=, background= , text= . Mc nhin, nu khng khai bo mu nn v mu ch trong thnh phn BODY, Trnh duyt s t ng chn mu trng lm nn v mu en cho ch. Chng ta c th s dng mt s thuc tnh di y thit lp mu nn, nh nn v mu ch cho trang Web theo mun. I-Mu nn: bgcolor= 1-C php: Trong :

bgcolor= :khai bo mu nn cho Web(vit tt ca background color). color :Mu cho nn(dng tn mu hoc gi tr Hexadecimal).
V d: an Code sau y ly mu xanh lm nn
Trang Web ny dng mu xanh lm nn v dc khai bo trong thnh phn BODY.

Thay v s dng tn mu, bn c th thay th bng gi tr Hexadecimal (bn nn s dng). Chng hn, mu xanh trong v d trn c gi tr Hex l: #0000FF. Vy bn c th vit nh sau:
Thay v dng bgcolor="blue", chng ta c th dng gi tr Hex, bgcolor="#0000FF" cho mu xanh.

II-Dng nh lm nn: dng nh lm nn cho thnh phn , chng ta c th thay th thuc tnh bgcolor bng thuc tnh: background= 1-C php: Trong :
background= :khai bo nh nn cho thnh phn Body.
imgname: ngun v tn ca nh nn.
C 2 nh dng nh c h tr bi phn ln cc Trnh duyt l nh GIF v JPG. Thng thng to nh nn, nn dng JPG v nh dng ny cho nh cht lng cao. Bn phi khai bo ng tn ng dn n ngn lu tr file nh v ng tn ca tp tin nh ( tn tp l ch vit thng hay vit hoa v khai bo cho ng). Khng nht thit phi chn mt tp tin nh c kch thc ln lm nn. Mc nhin, khi chn mt nh cho nn, trnh duyt s t ng tri nh ny cho tan b trang Web. Ngha l Browser s to ra mt nh ln lm nn t file nh nh bng cch tri v t chng nm lin nhau. Nu nh nn khng s dng hiu ng Seamless Tiding- mt k thut lm lin vin nh lt gch hoa, th gia cc nh dn tri s xut hin cc ng vin khin chng khng lin nhau. trnh trng hp ny, bn phi dng mt chng trnh x l nh to nh lin vin. Xem bi Thc hnh s 3-Bi 8 ti liu hng dn s dng Paintshop Pro 8. Di y l 2 an code s dng nh nn cho trang Web. Vi 2 nh mu bn di: Bn nn lu 2 file nh ny vo th mc cha file thc hnh.
nh 1-Khng lin vin. nh 2-Lin vin. V d: an code di y s dng nh lm nn.
nh nn Cho Web khng dng hiu ng Seamless Tiding

Bn d dng nhn ra cc ng ni gia cc nh nh.
nh nn Cho Web dng hiu ng Seamless Tiding

Bn kh nhn ra cc ng ni gia cc nh nh. S tha nu bn va dng nh lm nn li va dng mu lm nn. Do vy, ch 1 trong 2 chn la nn cho trang Web ni trn c dng trong thnh phn BODY . III-Mu ch: text= Mc nhin, Browser s chn mu en cho ch. Trong bi 6, chng ta cng cp n s dng Tag chn mu cho ch. Ngai ra thay i mu mc nhin ca ch, chng ta cn c th dng thuc tnh text="color" . 1-C php: Trong :

text= :khai bo ch cho Web. color : Mu cho ch(dng tn mu hoc gi tr Hexadecimal).
V d: an code di y s dng mu en lm nn v mu trng cho ch.
Ch mu trng v nn mu en.
BI 9 : Thuc tnh cho thnh phn BODY-Phn 2 Trong bi 8, chng ta nm mt s thuc tnh (properties) cho thnh phn bao gm: mu nn (bgcolor=), nh nn (background=) v mu ch (text=). Bi ny chng ta cp n cc thuc tnh cn li ca bao gm: L ca trang Web (margin), mu ca cc ng lin kt (link). I-L ca trang HTML: topmargin= "", leftmargin="" 1-topmargin: C php <body topmargin="s pixels"> Trong :
topmargin= :Khai bo khang cch trn cng ca trang Web so vi trnh duyt. Gi tr l s Pixels
2-leftmargin: C php <body leftmargin="s pixels"> Trong :
leftmargin= :Khai bo khang cch tri phi ca trang Web so vi hai bin ca trnh duyt. Gi tr l s Pixels
3-Vit gp 2 th trong thnh phn BODY: <body leftmargin="s pixels" topmargin="s pixels"> 4- V d: an Code xc nh khang cch trn cng, khang cch 2 bin ca trang Web vi trnh duyt bng 5 pixels. <body leftmargin="5" topmargin="5"> 5-a Real World Example: an Codes ny xc nh khang cch trn cng ca trang Web vi trnh duyt bng 0 pixels. <html> <head> <title>TEST MARGIN</title> </head> <BODY BGCOLOR="#FFFFFF" text="#000000" leftmagrin="0" topmargin="0"> <TABLE align="center" width="600" height="50" border="1" cellpadding="0" cellspacing="0"> <TR> <TD align="center" width="140" bgcolor="lime">Banner 1 </TD> <TD align="center" width="320" bgcolor="yellow">Banner 2 </TD>
<TD align="center" width="140" bgcolor="lime">Banner 3 </TD> </TR> </TABLE> <TABLE align="center" WIDTH="600" HEIGHT="20" cellpadding="0" cellspacing="0" border="1"> <TR bgcolor="#FF00FF"> <TD align="center" HEIGHT="20"><font color="blue" size="1"><b>t Script gi ng nhp:</b></TD> <TD align="center" HEIGHT="20"><font color="blue" size="1"><b>t Script ngy thng nm</b></TD> </TR> </TABLE> <TABLE align="center" width="600" cellspacing="0" cellpadding="0"> <TR> <TD align="left" WIDTH="140" VALIGN="TOP"> <TABLE cellpadding="2" cellspacing="2" width="140" border="1" bordercolor="silver"> <TR> <TD BGCOLOR="#FFCC99">Trang Chnh</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Gii thiu</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Tinhc</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">m nhc</TD> <TR> <TD BGCOLOR="#FFCC99">Ting Anh</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Kin Thc</TD> </TR> </TABLE> </TD> <TD BGCOLOR="#99FFFF" VAlign="tOP" width="320" height="100%" align="center"> <br> <br> <CENTER> Welcome to My First HTML Page!<BR> n cho bn n vi TRang Web u tin ca ti! </CENTER> </TD> <TD valign=top BGCOLOR="#FFCC99" WIDTH="140"> <TABLE WIDTH="140" border="1" cellspacing="2" cellpadding="2" bordercolor="#FFFFFF"> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn
di</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn ngn</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn ci</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Th</TD> <TR> <TD BGCOLOR="#FFCC99" align="right">Lin lc</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">ng k </TD> </TR> </TABLE> </TD> </TR> </TABLE> <TABLE ALIGN="CENTER" Border="1" width="600" height="20" cellpadding=0 bgcolor="#8DCFF4"> <TR> <TD align="Center"><b>All rights reserved-Copyrighted by Me.</TD> </TR> </TABLE> </body> </html> Chp an codes ny v dn vo Coderunner, Click nt Xem trang Web, bn thy rng by gi trang ny pha trn cng nm st vi thc n trnh duyt. Khng c khang trng no. Vi Leftmargin v chng ta dng rng ca <TABLE> l 600pixels nn khng thy c khang cch. 5-b Real World Example: an Codes ny xc nh khang cch trn cng v hai bin ca trang Web vi trnh duyt bng 0 pixels. i li rng ca cc bng (table) trong an Codes trn l 100%. Chp an Codes di y l lu vo Notepad vi tn tp tin testmargin.html. M bng trnh duyt hoc Coderunner bn s thy kt qu: <html> <head> <title>TEST MARGIN</title> </head> <BODY BGCOLOR="#FFFFFF" text="#000000" leftmargin="0" topmargin="0"> <TABLE align="center" width="100%" border="0" cellpadding="0" cellspacing="0">
<TR> <TD align="center"</TD> <TABLE align="center" width="100%" height="50" border="1" cellpadding="0" cellspacing="0"> <TR> <TD align="center" width="140" bgcolor="lime">Banner 1 </TD> <TD align="center" width="320" bgcolor="yellow">Banner 2 </TD> <TD align="center" width="140" bgcolor="lime">Banner 3 </TD> </TR> </TABLE> <TABLE align="center" WIDTH="100%" HEIGHT="20" cellpadding="0" cellspacing="0" border="1"> <TR bgcolor="#FF00FF"> <TD align="center" HEIGHT="20"><font color="blue" size="1"><b>t Script gi ng nhp:</b></TD> <TD align="center" HEIGHT="20"><font color="blue" size="1"><b>t Script ngy thng nm</b></TD> </TR> </TABLE> <TABLE align="center" width="100%" cellspacing="0" cellpadding="0"> <TR> <TD align="left" WIDTH="140" VALIGN="TOP"> <TABLE cellpadding="2" cellspacing="2" width="140" border="1" bordercolor="silver"> <TR> <TD BGCOLOR="#FFCC99">Trang Chnh</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Gii thiu</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Tinhc</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">m nhc</TD> <TR> <TD BGCOLOR="#FFCC99">Ting Anh</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Kin Thc</TD> </TR> </TABLE> </TD> <TD BGCOLOR="#99FFFF" VAlign="tOP" height="100%" align="center"> <br> <br> <CENTER>
Welcome to My First HTML Page!<BR> n cho bn n vi TRang Web u tin ca ti! </CENTER> </TD> <TD valign=top BGCOLOR="#FFCC99" WIDTH="140"> <TABLE WIDTH="140" border="1" cellspacing="2" cellpadding="2" bordercolor="#FFFFFF"> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn di</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn ngn</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn ci</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Th</TD> <TR> <TD BGCOLOR="#FFCC99" align="right">Lin lc</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">ng k </TD> </TR> </TABLE> </TD> </TR> </TABLE> <TABLE ALIGN="CENTER" Border="1" width="100%" height="20" cellpadding=0 bgcolor="#8DCFF4"> <TR> <TD align="Center"><b>All rights reserved-Copyrighted by Me.</TD> </TR> </TABLE> </TD> </TR> </TABLE> </body> </html>
II-Mu ca cc lin kt trong HTML: link= "", alink="", vlink="" Cho n gi chng ta cha hc n lnh lin kt n trang hoc Website trong HTML. Tuy vy, bi hc ny cung cp thng tin bn s dng cho cc lin kt m bn s hc trong bi 18. Nh bn bit, ngai vic hin th thng tin trn trnh duyt, HTML cn cho php chng ta lin kt n cc trang HTML khc,
hoc cc Website khc... lm c, chng ta phi s dng Th lin kt(s cp n trong bi 18). Mi mt lin kt bao gm mu ch ca Lin kt khi ngi dng cha Click chut ln lin kt (Link color). Mu ch ca Lin kt khi lin kt c Click v hin ti trang lin kt ang m (active link). V mu ca lin kt cho bit rng trang chng ta xem(visited link). HTML ch cho chng ta 3 thuc tnh . Ngai ra, thc s iu khin c thuc tnh ca Lin kt, bn phi dng n CSS. CSS cho php bn tt c cc kh nng m bn cn trang web tr nn sinh ng hn. Trong HTML khai bo mu ca Link, bn phi t cc thuc tnh ny trong th <BODY>. C 3 thuc tnh m bn dng l:

link="gi tr mu" :Khai bo mu ca ch i din cho Lin kt. Gi tr mu c th l tn mu hoc gi tr Hex. alink="gi tr mu" :Khai bo mu ca ch i din cho Lin kt khi lin kt ny c click. Gi tr mu c th l tn mu hoc gi tr Hex( alink vit tt ca Active Link: Lin kt ang hat ng) vlink="gi tr mu" :Khai bo mu ca ch i din cho Lin kt khi lin kt ny c xem. Gi tr mu c th l tn mu hoc gi tr Hex( vlink vit tt ca Visited Link: Lin kt c xem.)
1-C php: <BODY LINK="mu" ALINK="mu" VLINK="mu"> 2-V d: khai bo mu ch ca lin kt l Xanh, Active Link l mu v Vlink l mu Tm, bn vit nh sau: <BODY LINK="blue" ALINK="red" VLINK="purple"> Hoc bn c th dng gi tr HEX: <BODY LINK="#0000FF" ALINK="#FF0000" VLINK="#9900CC"> Tham kho bng mu vi cc gi tr Hex sn c. Trong bi k tip, bn s hc cch t mt lin kt trn trang HTML
BI 10 : Thc hnh HTML v lm quen vi biu bng Bi thc hnh ny n li mt s codes hc..., cch s dng mu cho trang Web. Qua bn cng lm quen dn vi biu bng v cch to mt biu bng trong HTML trc khi chng ta bt u trong bi 11. Hy xem biu bng bn di... Bng 16 mu c bn White Aqua Red Lime Black Navy Fuchsia Olive Gray Yellow Blue Maroon Silver Green Teal Purple
thc hnh, bn hy m Notepad, chn font ch verdana hoc tahoma, v g vo cc dng codes bn di: <html> <head> <title>To bng mu 16 mu c bn</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <h1 align="center"><font face="verdana">Bng 16 mu c bn</font></h1> <table align="center" border=1 bordercolor="#0000FF" cellspacing="0" cellpadding="2" width="500"> <tr> <td align="center" bgcolor="#FFFFFF"><font color="blue">White</font></td> <td align="center" bgcolor="#000000"> <font color="white">Black</font></td> <td align="center" bgcolor="#808080"> <font color="white">Gray</font></td> <td align="center" bgcolor="#C0C0C0"> <font color="white">Silver</font></td> </tr> <tr> <td align="center" bgcolor="#00ffff"><font
color="white">Aqua</font></td> <td align="center" bgcolor="#000080"> <font color="white">Navy</font></td> <td align="center" bgcolor="#ffff00"> <font color="white">Yellow</font></td> <td align="center" bgcolor="#008000"> <font color="white">Green</font></td> </tr> <tr> <td align="center" bgcolor="#ff0000"><font color="white">Red</font></td> <td align="center" bgcolor="#ff00ff"> <font color="white">Fuchsia</font></td> <td align="center" bgcolor="#0000ff"> <font color="white">Blue</font></td> <td align="center" bgcolor="#008080"> <font color="white">Teal</font></td> </tr> <tr> <td align="center" bgcolor="#00ff00"><font color="blue">Lime</font></td> <td align="center" bgcolor="#808000"> <font color="white">Olive</font></td> <td align="center" bgcolor="#800000"> <font color="white">Maroon</font></td> <td align="center" bgcolor="#800080"> <font color="white">Purple</font></td> </tr> </table> <p><i> s dng mu bn ch vic khai bo thuc tnh mu trong thnh phn theo sau bi du = <b>"tn mu</b></i>.
</body> </html>
Lu tp tin ny vo th mc html vi tn colorchart.html. Kt qu ca bn ging nh tp tin html ny, click vo y BI 11 : To biu bng trong HTML-Phn 1 Nu bn dng chng trnh bng tnh (Excel) hoc s dng bng (table) trong MS Word th bn d dng hiu khi nim v bng v hnh thc ca chng. Bng l tp hp ca hng v ct....
Giao tip gia hng v ct to ra cc (cell). D liu cha trong gi l d liu ca bng (table data). Bng c pht trin v a vo s dng trong HTML hin th cc thng tin theo cu trc. Cho n nay bng c s dng rng ri trong thit k Web. Bng dng nh dng b cc ca mt trang, chia cc phn ca trang ra thnh tng khu vc nh. Bn th truy cp mt trang bt k no, ri dng lnh View/Source ca trnh duyt xem Source code ca trang .R rng, bn thy trong trang ny s dng nhiu thnh phn bt u bng <table> v trong thnh phn ny c nhiu thuc tnh v gi tr ca thuc tnh dng nh dng cho Th <table> . Mi mt bng (table) gm mt hoc nhiu hng (tr= table row), trong mt hng gm mt hoc nhiu (td =table data). Mt bng ch c mt hng v mt thng c dng lm bng chnh bao quanh ni dung ca trang Web. Khi thit k bng phc tp, trong mt c th thm vo cc bng nh v cc trong bng nh ny c th thm vo bng na... Hoc c th hng trn trong bng ch 1 v hng di l 2 , hng di na l 3 ...Hoc hng bn tri gm 4 hng v hng bn phi l mt hng... Vic s dng tag m v ng phi theo ng trnh t nu khng trong bng s khng hin th nh mong mun. I-Cc thnh phn to mt bng: Trc ht, trong HTML, to mt bng, cn cc cp Th thnh phn sau y:

<table thuc tnh="gi tr" thuc tnh="gi tr"...></table>: M v ng mt bng. <tr thuc tnh="gi tr" thuc tnh="gi tr" ...></tr>: M v ng mt hng. <td thuc tnh="gi tr" thuc tnh="gi tr" ...></td>: M v ng mt .
Nh rng gia cc thuc tnh trong bng phi cch nhau bng mt khang cch( nhn phm cch) v theo sau chng l du "=" 1-Cc thuc tnh ca bng (<table>) gm:

align= background= bgcolor=
width= height= border= bordercolor = bordercolordark= bordercolorlight= cellpadding= cellspacing= frame= rules=
2-Cc thuc tnh ca hng (<tr>) gm:

align= valign bgcolor= background=
3-Cc thuc tnh ca (<td>) gm:

align= valign= bgcolor= background= char= colspan= rowspan= nowrap= height = width=
Chng ta s ln lt tm hiu cch dng cc thuc tnh v gi tr i km chng cho mi thnh phn trong bng trong bi ny v cc bi k tip v bng. II-Bt u to mt bng n gin: Trc tin, lm quen vi bng chng ta thc hnh to mt s bng n gin. Sau , chng ta s lng cc thuc tnh cho tng thnh phn nh nu trn. 1-Bng n gin: Mt bng n gin gm cc bc:
-Bt u bng g vo Th <table> -Bt u mt hng u tin trong bng g vo: <tr> -Bt u mt d liu u tin trong bng g vo: <td> -Nhp vo ni dng ca d liu. -ng d liu ny bng Th </td> -ng hng u tin bng Th: </tr> -ng bng ny bng Th: </table> Lu : Th </table> l bt buc nu bn mun trang Web hin th bng trong Netscape Navigator. a-V d 1:
<html> <head> <title>Bang dau tien</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table> <tr> <td>y l bng u tin, bng ny ch c mt hng v mt ct. </td> </tr> </table> </body> </html>
Tm hiu cch vit ca bng trn: 1-<table>
2-<tr> 3-<td>y l bng u tin, bng ny ch c mt hng v mt ct. 4-</td> 5-</tr> 6-</table>

Dng 1: Bt u mt bng Dng 2: Bt u 1 hng. Dng 3: Bt u mt , v trong phi cha mt ni dung no . Ni dung c th l Text, hoc hnh nh. (trong v d ny l Text : y l bng u tin, bng ny ch c mt hng v mt ct Dng 4: ng d liu Dng 5: ng hng trong bng Dng 6: ng bng.
C php trn y gip bn d theo di vic to mt bng. Khi quen vi vit codes, cc tag c th nm trn cng mt hng m khng cn phi xung hng nh cch vit trn. an codes trn y c th vit li nh sau:
<html> <head> <title>Bang dau tien</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table> <tr> <td>y l bng u tin, bng ny ch c mt hng v mt ct. </td> </tr> </table> </body> </html>
Khi bn xem v d trn, bn khng thy g ngai dng: y l bng u tin, bng ny ch c mt hng v mt ct.. Vy, bng nm u?. Nguyn nhn l vi HTML, khi bn khng khai bo border= cho bng th trnh duyt
hiu rng, bng s dng border=0. Vy cng vi an code trn chng ta hy thm border="5" vo bng xem sao. (5 pixels) V d 2: To vin cho bng vi thuc tnh border="s pixel"
<html> <head> <title>Bang dau tien</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table border="5"> <tr> <td>Bng ny c vin ln bng 5 pixel. </td> </tr> </table> </body> </html>
R rng, by gi bao quanh bng l 1 khung mu xm. Bn c th cho khung ny mt cht mu c khng? Cu tr li l bn ch cn thm bordercolor="mu" vo trong thnh phn <table> Cng vi v d trn bn vit li nh sau: V d 3: Thm mu cho vin vi thuc tnh bordercolor="mu"
<html> <head> <title>Bang dau tien</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table border="5" bordercolor="yellow">
<tr> <td>Bng ny c vin = 5px v mu vin l vng. </td> </tr> </table> </body> </html>
Bn to c mt bng c rng ca vin bng 5px v mu ca vin l vng. Bn c th thc hnh vi cc gi tr mu v pixel khc nhau quen dn. n y chc bn ngh rng, c th thm mu cho vin th cng c th thm mu cho nn. c m, ch cn bn thm thuc tnh bgcolor="mu" vo thnh phn bng (thuc tnh ny bn quen trong bi 9). Dng v d trn, hy thm thuc tnh bgcolor="red" vo bng. Nh an codes bn di: V d 4: Thm mu mu nn cho bng vi thuc tnh bgcolor="mu"
<html> <head> <title>Bang dau tien</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table border="5" bordercolor="yellow" bgcolor="red"> <tr> <td>Bng ny c vin = 5px v mu vin l vng, mu nn . </td> </tr> </table> </body> </html>
Nu thm mu nn, hn cng c th s dng nh nn cho bng. Khng sai, bn c th thay th thuc tnh bgcolor="mu" bng thuc tnh background="taptinanh.gif". (Xem bi 9- nh nn cho thnh phn body). Khi bn phi c tp tin nh nn c phn m rng l .jpg hoc gif). n y, bn thy rng thuc tnh background= "", bgcolor="" ngai xc nh mu nn v nh nn cho thnh phn body ca trang, n cn c dng cho c bng, hng( ch dng bgcolor), v ct...y l mi quan h ca thuc tnh vi thnh phn, khng ch trong HTML m c Javascript, CSS v nhiu ngn ng khc c dng ngn ng HTML. V bn cng ngc nhin khi thy c s ging nhau trong quan h ca Thnh phn-Thuc tnh hay i tng-Thuc tnh hay i tng-Phng php trong nhiu ngn ng lp trnh. Ci c bn l chng ta nh, hnh dung v sp xp chng theo trt t hp l. Phn 1 gii thiu nhng c bn nht v bng. khm ph tip cch dng cc thuc tnh cn li v to nhng bng phc tp, chng ta s tip tc vi phn 13, 14, 15, 16.
BI 12 : To biu bng trong HTML-Phn 2 Trong phn 1, bn nm c cch to mt bng n gin, thm vin, mu vin, mu nn, nh nn cho bng. Bn cng bit c b cc mt bng bt u bng <table> , bn trong <table> l <tr>, bn trong <tr> l <td>. Trong phn 1, bn nm c cch to mt bng n gin, thm vin, mu vin, mu nn, nh nn cho bng. Bn cng bit c b cc mt bng bt u bng <table> , bn trong <table> l <tr>, bn trong <tr> l <td>. ng <td> dng Th </td>, ng mt hng cha <td> </td>, dng Tag ng </tr>. V kt thc bng dng tag ng </table>. Gii s mun to bng c 2 hay nhiu hng th lm sao? I-To bng n gin vi nhiu hng, nhiu ct: Cng nh to bng n gin vi 1 hng, to nhiu hng, ngay khi ng hng u tin ca bng, bn tip tc m mt hng mi bng Tag <tr>, ri cng khai bo d liu bng cc tag m v ng <td> </td>. 1-Bng nhiu hng: a-V d 1: To bng nhiu hng. Xem minh ha: Di y l an m HTML cho minh ha trn. Bn nn thc hnh g vo Notepad v lu bng tp tin m rng .htm hoc .html hn l chp ri dn. <html> <head> <title>Bang nhieu hang</title>
</head> <body bgcolor="#FFFFFF" text="#000000"> <table border="2" bordercolor="red" bgcolor="silver"> <tr> <td> <font color="yellow">y l hng 1 ch mu vng. </font> </td> </tr> <tr> <td> <font color="red">y l hng 2 ch mu .</font></td> </tr> <tr> <td> <font color="blue">y l hng 3 ch mu xanh.</font></td> </tr> <tr> <td> <font color="lime">y l hng 4 ch mu l chanh.</font></td> </tr> </table> </body> </html> Bn ng bn tm ti sao bng thu hp chiu ngang. n gin l chng ta cha khai bo rng cho bng nn Trnh duyt t ng m rng hay thu hp bng ty theo ni dung cha trong <td> </td>. Trong v d trn, mi mt hng mi c khai bo vi Th <tr>, v ng bng </tr>. Bn c th thm mu nn vo trong mi hng( <tr bgcolor="tenmau"> bng cch chn thuc tnh dng thuc tnh bgcolor="tn mu" nh bn dng trong Th </table> hoc <body>. Cng vi v d trn, v d di y l thm mu nn vo <tr>. b-V d 2: Thm mu nn vo Th <tr> Xem minh ha:
on m HTML bn di: <html> <head> <title>Bang nhieu hang</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table border="2" bordercolor="red" bgcolor="silver"> <tr bgcolor="black"> <td> <font color="yellow">y l hng 1 ch mu vng, nn mu en. </font> </td> </tr> <tr bgcolor="blue"> <td> <font color="red">y l hng 2 ch mu , nn mu xanh.</font></td> </tr> <tr bgcolor="lime"> <td> <font color="blue">y l hng 3 ch mu xanh, nn mu l chanh.</font></td> </tr> <tr bgcolor="navy"> <td> <font color="lime">y l hng 4 ch mu l chanh, nn mu nc bin.</font></td> </tr> </table> </body> </html>
D bn khai bo mu nn trong Th <tr>, bn vn c th thay i mu nn trong th <td> bng cch thm thuc tnh bgcolor="tn mu" trong th .
Tm li, bn c th thay i mu nn v nh nn cho Th <table>, <tr>, <td> bng thuc tnh: bgcolor="tn mu" v background="taptinanh". Lu : Ch dng thuc tnh bgcolor cho th <tr>. 2-To bng nhiu ct: Nh ni, trong mt hng gm mt hoc nhiu ct d liu ( <td>). Do vy chng ta c th to mt bng vi nhiu ct d liu bng cch chia <tr> vi nhiu <td> </td>. V d 1: To bng nhiu ct. Lu : Nhng v d ny khng cp n mu nn, mu ch hay mu vin. Xem minh ha:
M HTML cho v d trn. <html> <head> <title>Bang nhieu hang, nhieu cot. </title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table border="1"> <tr> <td> Qy I </td><td> Thng ging </td><td> Thng 2 </td><td> Thng 3 </td> </tr> <tr> <td> Tng thu </td><td> 000000 </td><td> 000000 </td><td> 000000 </td>
</tr> <tr> <td> Chi </td><td> 000000 </td><td> 000000 </td><td> 000000 </td> </tr> <tr> <td> Cn li </td><td> 000000 </td><td> 000000 </td><td> 000000 </td> </tr> </table> </body> </html> Lu : Vi cch to bng ny s ct trong mi hng u bng nhau, trng hp bn b st mt <td> </td> trong mt hng, bn s c kt qu nh hnh di: II-Mt s thuc tnh khc trong bng: V d 1: t tiu cho bng: Bn c th s dng Th <thead>, <tbody> a t tiu cho bng. Dng code ny phi t u tin ngay sau khi th <table> c m. Trong v d di y dng tbody align="center" va t tiu va canh gia cc thnh phn trong bng.
Xem minh ha:
an m HTML cho minh ha trn. Nh l thc hnh g vo Notepad v lu bng tp tin m rng .htm hoc .html quen. <html>
<head> <title>Bang nhieu hang, nhieu cot. </title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table border="1" bordercolor="red"> <tbody align="center">Doanh Thu Qy I nm 2005 <tr> <td> Qy I </td><td> Thng ging </td><td> Thng 2 </td><td> Thng 3 </td> </tr> <tr> <td> Tng thu </td><td> 000000 </td><td> 000000 </td><td> 000000 </td> </tr> <tr> <td> Chi </td><td> 000000 </td><td> 000000 </td><td> 000000 </td> </tr> <tr> <td> Cn li </td><td> 000000 </td><td> 000000 </td><td> 000000 </td> </tr> </table> </tbody> </body> </html> V d 2: Che vin trong ngai ca bng:
Thuc tnh Frame="v tr" c th dng che vin ngai ca Table: Thuc tnh ny c t trong Th <Table>. Cc gi tr v tr ca Thuc tnh Frame l:

void: che du vin quanh bng above: Ch hin th vin trn v trong below: Ch hin th vin di v trong hsides : Hin th vin trn v di vsides: Hin th vin 2 bn tri phi rhs: Hin th vin bn phi v trong lhs: Hin th vin bn tri v trong box, border: hin th vin trong tan bng.
Xem minh ha: V d ny s dng Frame="void" trong <table border="1" bordercolor="red" frame="void"> V d 3: Che vin trong ca bng: Thuc tnh rules="v tr" c th dng che vin trong ca Table: Thuc tnh ny c t trong Th Table. Cc gi tr v tr ca Thuc tnh rules l:

none: che vin trong ca bng. rows: Ch hin th vin ngang cols: Ch hin th vin ng
Phn k tip s gii thiu mt s thuc tnh ca bng v rng, chiu cao, canh bin... Kt thc bi hc v bng, bn c th s dng bng Layout mt trang HTML han chnh.
BI 13 : nh chiu rng v chiu cao cho bng Khi ni n rng Width= v chiu cao Height= ca bng, chng ta phi lu n phn gii mn hnh. C 2 gi tr gn cho thuc tnh rng v chiu cao trong th: <table width="" height=""> l S Pixel v %. Nu bn s dng Pixel cho bng, ty theo phn gii ca mn hnh m trang Web ca bn c tri u ra hai bin hay c khuynh hng b thu hp li vo gia khi hin th trn mn hnh c phn gii cao. Thng k cho thy hin c khang 50% m hnh my tnh vn s dng phn gii 800x600 pixels. Cng c nhiu mn hnh h tr tt 1024x768 pixels nhng do ngi dng quen thuc vi phn gii thp nn ngi thay i. Khi tng phn gii, i tng trn mn hnh c khuynh hng thu nh li. Ngc li, khi gim phn gii, i tng c khuynh hng dn ra. Do vy, chn S pixels hay % cho bng chnh bao tan trang l ty thuc vo s la chn ca bn. Hin c rt nhiu trang Web s dng pixels v gii hn chiu rng ca bng l 770. Tt c cc trang ca Th vin IT s dng 100% chiu rng cho bng chnh. Khi dng phn trm v thit k trn mn hnh 1024x768, trang c th p mt vi bn, nhng nu hin th trn mn hnh phn gii thp, cc i tng c th hin th khng theo nh mong mun. I-nh chiu rng v chiu cao cho bng: Width= "", Height="" C php: <table width="%" height="%"> hoc: <table width="s pixels" height="s pixels"> Trong :

width= :Khai bo rng cho bng (gi tr l s Pixels hoc %). height= :Khai bo chiu cao cho bng (Gi tr l s Pixels hoc %).
V d: an code sau y to mt bng c chiu rng 500pxels v chiu cao 200pixels. <html> <head> <title>Table 1</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table width="500" height="200" border="5"> <tr> <td width=200> ny rng 200 pixels </td> <td width=300> ny rng 300 pixels </td> </tr>
<td> ny rng 200 pixels </td> <td> ny rng 300 pixels </td> </tr> </tr> <td> ny rng tng ng </td> <td> ny rng tng ng </td> </tr> </table> </body> </html>
Kt qu nh hnh di: ny rng 200 pixels ny rng 200 pixels ny rng tng ng ny rng 300 pixels ny rng 300 pixels ny rng tng ng
II-nh v tr cho bng v cc d liu trong : 1-nh v tr cho bng: xc nh v tr ca bng, chng ta dng thuc tnh align= vi cc gi tr: left, center v right. Mc nhin v tr ca hu ht cc thnh phn l bn tri. canh bng vo gia, cng vi v d trn, chng ta thm align="center" vo trong th <table>, nh sau: <table align="center" width="500" height="200" border="5"> Kt qu: ny rng 200 pixels ny rng 200 pixels ny rng tng ng ny rng 300 pixels ny rng 300 pixels ny rng tng ng
Khi ta nh dng bng sang phi, chng ta c th vit ni dung bn tri ging nh Wrap trong Word. Thay Align="right" trong v d ny rng 300 pixels trn chng ta c bng v ni dung ny rng 200 pixels ny rng 200 pixels ny rng 300 pixels nh sau: ny rng tng ng ny rng tng ng Bn nu chng ta dng Th <p vit th ni dung s hin th vo phn trng bn tri ca bng ny nh bn ang thy. 2-nh v tr d liu: Trong 3 v d trn, d liu trong nm v bn tri v mc nhin c a xung gia dng. xc nh v tri ca d liu trong , chng ta s dng 2 thuc tnh cho l:
align= gi tr cho align mc nhin l Left (tri). canh gi dng "center", canh phi dng "right". valign= gi tr cho valign l "top" (trn cng), "bottom" (di cng") v "middle" (gia). (v vit tt ca vertical: ng). Ngai ra cn c baseline, nhng gi tr ny t c dng.
By gi, dng li an code trn nhng chng ta thm vo align v valign cho cc : <html> <head> <title>Table 1</title> </head> <body bgcolor="#FFFFFF" text="#000000"> <table width="500" height="200" border="5" align="center"> <tr> <td width=200 align="center">Canh gia </td> <td width=300 align="right">Canh bin phi </td> </tr> <td align="center" valign="top">Canh gia v trn </td> <td align="center" valign="middle">Canh gia v gia </td> </tr> </tr>
<td align="center" valign="bottom">Canh gia v di </td> <td align="right" valign="bottom">Canh phi v di </td> </tr> </table> </body> </html> Xem kt qu: Canh gia Canh gia v trn Canh gia v di III-Khang cch cc d liu: 1-Khang cch gia cc d liu: cellspacing= Thuc tnh cellspacing="s pixels" c dnng cc nh khang cc gia cc d liu trong bng. Thuc tnh ny c t trong Th <table> khi mt bng c khai bo. V d, xc nh khang cch gia cc l 10px, ta khai bo nh sau: <table width="500" height="150" border="2" align="center" cellspacing="10"> Chn an codes ny vo an codes mu trong v d trn, thm mu nn cho tng d liu d phn bit (dng bgcolor="yellow" chng hn), Chy an codes ny (trong Code Runner) ta thy kt qu nh bn di: Canh gia Canh gia v trn Canh gia v di Canh bin phi Canh gia v gia Canh phi v di Canh bin phi Canh gia v gia Canh phi v di
rng, gia cc d liu gi y c mt khang cch l 10 pixels. Hin th bng mt vin rng 10pixels mu trng. 2-Khang cch t d liu n vin xung quanh: cellpadding= Nu bn tng gi hng, hn bn phi dng giy mm hoc mt chn xung quanh mn hng bo v khi b v. Nhng g bn chn xung quanh mn hng n hp bc bn ngai, trong HTML gi l padding: m, lt . Nh vy, cellpadding= l khang cch t d liu n cc vin xung quanh n. Cc vin ny c xc nh trong Th table. Cng nh cellspacing=, cellpadding= cng c khai bo trong th Table. thy c kt qu ca Cellpadding, chng ta dng an code bn di:
<table align="center" width="500" height="60" border=1 cellspacing="0"> <tr> <td width=200 align="center" bgcolor="yellow">Canh gia </td> <td width=300 align="right" bgcolor="yellow">Canh bin phi </td> </tr> <td align="center" valign="top" bgcolor="yellow">Canh gia v trn </td> <td align="center" valign="middle" bgcolor="yellow">Canh gia v gia </td> </tr> </tr> <td align="center" valign="bottom" bgcolor="yellow">Canh gia v di </td> <td align="right" valign="bottom" bgcolor="yellow">Canh phi v di </td> </tr> </table> Chy an codes ny (trong Code Runner), chng ta c bng sau: Canh gia Canh gia v trn Canh gia v di By gi, chn thm Cellpadding=20 vo Th Table: <table align="center" width="500" height="60" border=1 cellspacing="0" cellpadding="20"> Thay th an codes ny cho an khai bo Table trn v d trn v chy li (trong Code Runner), ta c kt qu nh sau: Canh bin phi Canh gia v gia Canh phi v di
Canh gia
Canh bin phi
Canh gia v trn
Canh gia v gia
Canh gia v di
Canh phi v di
R rng, d liu trong c m 20pixels cho tri, phi, trn di, khin cho cao ca c ni ra. Cn hai bin tri phi th d liu c y tht vo. Tuy nhin, khi dng Cellpadding th phn m s c chn vo 4 pha: trn, tri, di, phi. V bn khng thch nh vy. Bn ch thch c th iu khin khang cch cho tng pha. Cascading Style Sheet (CSS) s gip bn lm iu ny vi thuc tnh padding-top, padding-left, padding-bottom, paddingright; y l mt v d Inline Embeded CSS trong mt <TD>. <TD align="center" bgcolor="yellow" STYLE="padding-top:0px; padding-left:5px; paddingbottom:0px; padding-right:5px;">D liu trong </TD> Hoc vit gn: <TD align="center" bgcolor="yellow" STYLE="padding: 0px 5px 0px 5px"">D liu trong </TD> Cc bi hc v CSS s trnh by chi tit v nh dng Layout mt trang Web. IV-S dng gi tr phn trm cho bng: Ly mt an codes mu trn v thay i cc gi tr Pixel cho Width= v Height= bng s phn trm. Chng hn, bn mun trang Web ca bn rng bng 70% ca mn hnh 1024x768 v cao 100%, bn khai bo nh sau: <table align="center" width="70%" height="100%"> Bn cng c th va dng Pixels va dng phn trm cho rng v chiu cao ca bng. Xem an codes bn di: <table align="center" width="100%" height="60" border=1 cellspacing="0"> <tr> <td width="40%" align="center" bgcolor="yellow">Canh gia </td> <td width="60%" align="right" bgcolor="yellow">Canh bin phi </td> </tr> <td align="center" valign="top" bgcolor="yellow">Canh gia v trn </td> <td align="center" valign="middle" bgcolor="yellow">Canh gia v
gia </td> </tr> </tr> <td align="center" valign="bottom" bgcolor="yellow">Canh gia v di </td> <td align="right" valign="bottom" bgcolor="yellow">Canh phi v di </td> </tr> </table>
n y v c bn, bn nm c cch s dng bng. Vi ham mun nm vng, nm chc, nm k kin thc hc, bn nn thc hnh nhiu v tht nhiu ln. Bn cng c th hnh dung n vic sp xp cc ni dung ca trang Web thnh mt trt t bng cch s dng bng. Trc khi bt u Layout mt bng han chnh, chng ta cn mt phn quan trng trong thit k bng phc tp l Colspan v Rowspan. S c cp trong bi 15. Nhng thuc tnh nh name=, id= khng c cp trong y v chng dng cho cc Scripting Language. Cng khng my kh dng khi bn nhun nhuyn HTML ri i tip qua CSS, Javascript trc khi vo Server-Side Scripting v Advanced Programming. BI 14 : To biu bng trong HTML-Phn 4 Thuc tnh COLSPAN="" dng m rng mt d liu trong mt ct bng vi s d liu trong ct . Thuc tnh ROWSPAN ="" dng m rng 1 d liu trong mt hng bng vi vi s hng cha cc cn li. Hy xem bng bn di-V D 1: BUSINESS 2ND QUARTER SALES SUMMARY. Month APR MAY JUN Click here Gross Sales 000000 000000 000000 to see detailed Expenses 000000 000000 000000 sales. Total 00000 00000 00000 METHOD OF PAYMENT. Click here Visa to see Monthly MasterCard transaction Others statement. Total Click here Personal 000000 000000 000000 000000 000000 000000 000000 000000 000000 000000 000000 000000 000000 000000 000000
check Business to see 000000 000000 check checks deposited. Others 00000 00000 Total 00000 00000 EMPLOYEE PAYROLL. EMP 1 000000 000000 Click here EMP 2 000000 000000 for issued EMP 3 000000 000000 checks. Total 000000 000000 TAXABLE INTEREST Net business Interest. 000000 000000 V y l mt v d khc- V d 2: BNG GI THNG 3 NM 2006 Tn thit b 000115 000116 000117 Da cng RAM CPU S lng 10 15 5 Gi $120 $50 $180 Total I-Thuc tnh Colspan: Colspan="s trong ct" Thuc tnh ny c t trong Th <TD>. 1-C php: <TD Colspan="S trong ct"> Trong :
000000 00000 00000 000000 000000 000000 000000 000000
Thnh tin $1200 $750 $900 $2850
Colspan= :Khai bo s m rng bao nhiu ct so vi s cn li trong ct undefinedgi tr l s).
V d: Chng ta hy xem v d s 2: Trong v d 2 chng ta dng mt bng c rng =500pixels, align="center", cellspacing="2", cellpadding="3", border="1". Chng ta vit nh sau: <table width="500" align=center cellpadding="3" cellspacing = "2" border=1> Bt u mt hng, vit: <TR> n y, nh v d minh ha 2, bn thy rng hng ny ch cha mt d liu, BNG GI THNG 3 NM 2006. Nh vy c th xem y l mt ct. m s ct trong cc hng cn li v ly hng c s ct
nhiu nht. Trong v d ny l 5 ct. Nh vy ny tri rng bng 5 ct so vi hng , ta vit nh sau: <TD colspan=5 BGCOLOR="yellow" align=center>BNG GI THNG 3 NM 2006</td> ng hng ny, vit: </TR> Nh vy, chng ta c an Codes cho hng u tin nh sau: <table width="500" align=center cellpadding="3" cellspacing = "2" border=1> <TR> <TD colspan=5 BGCOLOR="yellow" align=center>BNG GI THNG 3 NM 2006</td> </TR> Trong hng th 2, ct u tin Tn thit b c rng bng 2 d liu hng di l m s v thit b(cng trong mt ct). Do chng ta vit, bt u mt hng mi: <TR> Bt u mt , ny m rng bng 2 nh trong cng mt ct so vi hng di:
<TD colspan=2 align=center><b>Tn thit b</B></td> Chng ta vit tip cc cn li v ng hng ny: <td align=center><b>S lng</b></td> <td align=center><b>Gi</b></td> <td align=center><b>Thnh tin</b></td> </tr> n y chng ta lm xong c 2 hng trong bng <table width="500" align=center cellpadding="3" cellspacing = "2" border=1> <TR> <TD colspan=5 BGCOLOR="yellow" align=center> BNG GI THNG 3 NM 2006</td> </TR> <TR>
<TD colspan=2 align=center><b>Tn thit b</B></td> <TD align=center><b>S lng</b></td> <TD align=center><b>Gi</b></td> <TD align=center><b>Thnh tin</b></td> </tr> Chng ta tip tc vi hng th 3, 4, 5: V cc hng ny c tng s ct l 5 nn khng c no m rng. Do chng ta khng dng Colspan m vit nh sau: Hng th 3: <TR> <TD align=center>000115</TD> <TD align=center>Da cng</TD> <TD align=center>10</TD> <TD align=right>$120</TD> <TD align=right>$1200</TD> </TR> Vit tng t cho hng th 4 v 5 nhng thay th ni dung d liu trong . Hng th 6: Total Hng ny c 2 d liu. u tin l Total c rng bng 4 hng trn, canh bn phi. Do vy, ny phi dng Colspan=4. th 2 bng vi s trong ct- ch c 1 , nn khng dng Colspan. V ta vit hng ny nh sau: <TR> <TD colspan=4 align=right>Total</TD> <TD align=right>$2850</TD> </TR> Cui cng ng bng, ta dng th </TABLE> V y l Codes cho bng ca v d 2: <TABLE width="500" align=center cellpadding="3" cellspacing = "2" border=1> <tr>
<td COLSPAN=5 BGCOLOR="yellow" align=center><b>BNG GI THNG 3 NM 2006</B></td> </TR> <tr> <td COLSPAN=2 align=center><b>Tn thit b</b></td> <td align=center><b>S lng</b></td> <td align=center><b>Gi</b></td> <td align=center><b>Thnh tin</b></td> </tr> <tr> <td align=center>000115</td> <td align=center>Da cng</td> <td align=center>10</td> <td align=right>$120</td> <td align=right>$1200</td> </tr> <tr> <td align=center>000116</td> <td align=center>RAM</td> <td align=center>15</td> <td align=right>$50</td> <td align=right>$750</td> </tr> <tr> <td align=center>000117</td>
<td align=center>CPU</td> <td align=center>5</td> <td align=right>$180</td> <td align=right>$900</td> </tr> <tr> <td COLSPAN=4 align=right>Total</td> <td align=right>$2850</td> </tr> </TABLE>
II-Thuc tnh Rowspan: Rowspan="s hng cha " Thuc tnh Rowspan ="" dng m rng 1 d liu trong mt hng theo chiu cao bng vi vi s hng cha cc cn li. Thuc tnh ny c t trong Th <TD>. nm c cch dng Rowspan=, chng ta xem li v d 1. V d 1 l mt kt hp s dng COLSPAN v ROWSPAN. Bng ny s dng cc thuc tnh v gi tr nh bn di: <TABLE ALIGN=CENTER width=500 border=1 CELLSPACING=1 CELLPADDING=1> <TR> Hy hng nhiu d liu nht trong bng VD 1 l 5 , tc bng ny c s ct cao nht l 5 ct. hng u tin ca bng: BUSINESS 2ND QUARTER SALES SUMMARY l hng ch c mt ct d liu. V ct ny tri bng 5 d liu trong hng c s d liu nhiu nht ta vit: <TD bgcolor="AQUA" ALIGN=CENTER COLSPAN=5>BUSINESS 2ND QUARTER SALES SUMMARY.</TD> </TR> Nh vy chng ta c c hng u tin.
Trong hng th 2, d liu u tin ( Click here to see detailed sales.) c chiu cao bng 4 hng gm cha Month, Gross Sales, Expenses, Total v cc k tip qua phi... m rng ny c chiu cao bng 4 hng ta vit nh sau: <TR> <TD ALIGN=CENTER bgcolor="SILVER" ROWSPAN=4> Click here to see detailed sales.</TD> Chng ta tip tc vit cho 4 cn li trong hng ny:
<TD ALIGN=CENTER bgcolor="#FFFFFF"><i>Month</i></TD> <TD ALIGN=CENTER bgcolor="SILVER">APR</TD> <TD ALIGN=CENTER bgcolor="SILVER">MAY</TD> <TD ALIGN=CENTER bgcolor="SILVER">JUN</TD> </TR> Cho 3 hng cn li (Mi hng ch c 4 ct) chng ta vit nh sau:
<TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Gross Sales</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Expenses</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD>
<TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF" ><b>Total</b></TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> </TR>
Nh vy n chng ta c bng vi hng s dng ROWSPAN:
<TABLE ALIGN=CENTER width=500 border=1 CELLSPACING=1 CELLPADDING=1> <TR> <TD bgcolor="AQUA" ALIGN=CENTER COLSPAN=5>BUSINESS 2ND QUARTER SALES SUMMARY.</TD> </TR> <TR> <TR> <TD ALIGN=CENTER bgcolor="SILVER" ROWSPAN=4> Click here to see detailed sales.</TD> <TD ALIGN=CENTER bgcolor="#FFFFFF"><i>Month</i></TD> <TD ALIGN=CENTER bgcolor="SILVER">APR</TD> <TD ALIGN=CENTER bgcolor="SILVER">MAY</TD> <TD ALIGN=CENTER bgcolor="SILVER">JUN</TD> </TR>
<TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Gross Sales</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Expenses</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF" ><b>Total</b></TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> </TR> V nu n y bn ng bng bng cch thm vo </TABLE> th bn c c bng nh minh ha di:
BUSINESS 2ND QUARTER SALES SUMMARY. Click here to Month APR MAY JUN see detailed Gross 000000 000000 000000 sales. Sales
Expenses Total
000000 00000
000000 00000
000000 00000
Nhng chng ta phi han tt bng VD 1, v vy bn cha th ng bng ti y m s dng cu trc vit trong hng: <TD ALIGN=CENTER bgcolor="SILVER" ROWSPAN=4> Click here to see detailed sales.</TD> vit cho hng METHOD OF PAYEMENT , EMPLOYEE PAYROLL v hng TAXABLE INTEREST. Hng cui cng di TAXABLE INTEREST, chng ta dng COLSPAN m rng ct Net business Interest. Cu trc nh sau:
<TR> <TD ALIGN=CENTER bgcolor="SILVER" COLSPAN=2><i>Net business Interest.</i></TD> <TD ALIGN=CENTER bgcolor="red">000000</TD> <TD ALIGN=CENTER bgcolor="red">000000</TD> <TD ALIGN=CENTER bgcolor="red">000000</TD> </TR>
Xong, chng ta ng bng ny bng th </TABLE>
V y l Source Codes cho bng v d 1:
<TABLE ALIGN=CENTER width=500 border=1 CELLSPACING=1 CELLPADDING=1>
<TR> <TD bgcolor="AQUA" ALIGN=CENTER COLSPAN=5> BUSINESS 2ND QUARTER SALES SUMMARY.</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="SILVER" ROWSPAN=4><i>Click here to see detailed sales.</i></TD> <TD ALIGN=CENTER bgcolor="#FFFFFF"><i>Month</i></TD> <TD ALIGN=CENTER bgcolor="SILVER">APR</TD> <TD ALIGN=CENTER bgcolor="SILVER">MAY</TD> <TD ALIGN=CENTER bgcolor="SILVER">JUN</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Gross Sales</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Expenses</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR>
<TR> <TD ALIGN=CENTER bgcolor="#FFFFFF" ><b>Total</b></TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> </TR> <TR> <TD bgcolor="NAVY" ALIGN=CENTER COLSPAN=5><FONT COLOR="WHITE">METHOD OF PAYMENT.</FONT></TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="SILVER" ROWSPAN=5><i>Click here to see Monthly TRansaction statement.</i></TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Visa</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>MasterCard</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD>
</TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Others</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Total</b></TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="SILVER" ROWSPAN=4><i>Click here to see checks deposited.</TD> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Personal check</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Business check</b></TD>
<TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Others</b></TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>00000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF"><b>Total</b></TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD>< <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>00000</TD> </TR> <TR> <TD bgcolor="navy" ALIGN=CENTER COLSPAN=5><font color="white">EMPLOYEE PAYROLL.</FONT> </TR> <TR> <TD ALIGN=CENTER bgcolor="SILVER" ROWSPAN=4><i>Click here for issued checks.</i></TD> <TD ALIGN=CENTER bgcolor="#FFFFFF">EMP 1</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD>
<TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF">EMP 2</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF" >EMP 3</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="white" WIDTH=100>000000</TD> </TR> <TR> <TD ALIGN=CENTER bgcolor="#FFFFFF" ><b>Total</b></TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>000000</TD> <TD ALIGN=CENTER bgcolor="red" WIDTH=100>000000</TD> </TR> <TD bgcolor="AQUA" ALIGN=CENTER COLSPAN=5>TAXABLE INTEREST</TD> </TR>
<TR> <TD ALIGN=CENTER bgcolor="SILVER" COLSPAN=2><i>Net business Interest.</i></TD> <TD ALIGN=CENTER bgcolor="red">000000</TD> <TD ALIGN=CENTER bgcolor="red">000000</TD> <TD ALIGN=CENTER bgcolor="red">000000</TD> </TR> </TABLE> Phn cui cng ca cc bi hc v s dng bng l mt minh ha s dng bng Layout mt trang WEB. BI 15 : S dng Bng Layout mt trang Web Qua bi 12,13,14,15, bn nm phn ln cc yu cu to mt bng v thuc tnh nh dng bng. Tuy nhin, HTML vn cha cho bn y nhng g bn mun. tht s nh dng bng theo mun, bn cn bit cch dng Ngn ng CSS... Cascading Style Sheet cng l mt ngn ng lp trnh Web bi v n cng c nhng c php ring. Phn minh ha di y ch yu gip bn v cu trc, cn v phong cch, cn phi c CSS h tr (S cp y trong gio trnh CSS) v kh nng sng to v thm m ca bn. Di y l mt bng minh ha cu trc ca trang Web theo Phong cch cn i-Symmetrical style: (truyn thng) Banner 1 Trang Chnh Gii thiu Tinhc m nhc Ting Anh Kin Thc Welcome to My First HTML Page! n cho bn n vi TRang Web u tin ca ti! All rights reserved-Copyrighted by Me. V y l Source Codes to bng trn: <html> Banner 2 Banner 3 Truyn di Truyn ngn Truyn ci Th Lin lc ng k
t Script gi ng nhp:
t Script ngy thng nm
<head> <title>My First Page</title> </head> <BODY BGCOLOR="#FFFFFF" text="#000000"> <TABLE align="center" width="600" height="50" border="1" cellpadding="0" cellspacing="0"> <TR> <TD align="center" width="140" bgcolor="lime">Banner 1 </TD> <TD align="center" width="320" bgcolor="yellow">Banner 2 </TD> <TD align="center" width="140" bgcolor="lime">Banner 3 </TD> </TR> </TABLE> <TABLE align="center" WIDTH="600" HEIGHT="20" cellpadding="0" cellspacing="0" border="1"> <TR bgcolor="#FF00FF"> <TD align="center" HEIGHT="20"><font color="blue" size="1"><b>t Script gi ng nhp:</b></TD> <TD align="center" HEIGHT="20"><font color="blue" size="1"><b>t Script ngy thng nm</b></TD> </TR> </TABLE> <TABLE align="center" width="600" cellspacing="0" cellpadding="0"> <TR> <TD align="left" WIDTH="140" VALIGN="TOP"> <TABLE cellpadding="2" cellspacing="2" width="140" border="1" bordercolor="silver"> <TR>
<TD BGCOLOR="#FFCC99">Trang Chnh</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Gii thiu</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Tinhc</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">m nhc</TD> <TR> <TD BGCOLOR="#FFCC99">Ting Anh</TD> </TR> <TR> <TD BGCOLOR="#FFCC99">Kin Thc</TD> </TR> </TABLE> </TD> <TD BGCOLOR="#99FFFF" VAlign="tOP" width="320" height="100%" align="center"> <br> <br> <CENTER>
Welcome to My First HTML Page!<BR> n cho bn n vi TRang Web u tin ca ti! </CENTER> </TD> <TD valign=top BGCOLOR="#FFCC99" WIDTH="140"> <TABLE WIDTH="140" border="1" cellspacing="2" cellpadding="2" bordercolor="#FFFFFF"> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn di</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn ngn</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Truyn ci</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">Th</TD> <TR> <TD BGCOLOR="#FFCC99" align="right">Lin lc</TD> </TR> <TR> <TD BGCOLOR="#FFCC99" align="right">ng k </TD> </TR>
</TABLE> </TD> </TR> </TABLE> <TABLE ALIGN="CENTER" Border="1" width="600" height="20" cellpadding=0 bgcolor="#8DCFF4"> <TR> <TD align="Center"><b>All rights reserved-Copyrighted by Me.</TD> </TR> </TABLE> </body> </html> n y, bn nm c c bn cch dng bng nh dng mt trang Web. Bn c th thay i rng ca bng =100%. Bn cng c th thm nhiu thnh phn khc trang tht s theo mun. Bn thc hnh tht nhiu ln nm cch s dng. Sau bn chy an Code mi trong trnh duyt, bn thy c mt khang cch gia cc thc n ca trnh duyt WEB (IE chng hn) v trang web ca bn. L do l chng ta cha xc nh khang cch ca trang vi bin trnh duyt. Trong bi 17, chng ta s hc nh dng cho thnh phn BODY(phn 2) xc nh khang cch ny. Bi 18, chng ta hc cc lin kt n cc tp tin html khc hoc trang Web khc v kch hat chng trnh gi mail. y ch l nhng phn n gin ca HTML. Ngai ra, s dng Iframe, Frame v to Form trong HTML l nhng phn quan trng m chng ta cng s ln lt khm ph.
HTML Tags Bi ny gii thiu mt s HTML Tags v cc thuc tnh ca chng . TAGS ATTRIBUTES
<a></a>
href= name= target= accesskey= event tabindex
DESCRIPTION: M T
to lin kt hoc ch mc lin kt(anchor) Ch nh n mt a ch URL hoc mt ch mc lin kt(anchor) hoc a ch e-mail... nh du mt vng m lin kt ch mc s nhy n (thng l trong 1 trang). Ch nh 1 ca s hoc mt khung ni dung trang lin kt s hin th. (s dng nhiu vi frameset) Thm phm bm nhanh cho lin kt n ch mc. Dng kch 1 script. Xc nh th t phm tab i qua trong lin kt hoc thnh phn ca form. Gii thch ngha ca cc k t vit tt. Ni dung gii thch. Gii thch ngha ca cc k t vit tt bt u bng ch u: V d NATO, WHO, WTO. Ni dung gii thch. nh dng a ch mail ca ngi thit k Web, thng cho ch nghing, xung dng t ng. Chn chng trnh Java Applets. Xc nh a ch URL ca m applets Xc nh chiu rng v cao ca Applets. Xc nh ta ca bn nh.. Thm phm bm nhanh n mt vng ring bit trn bn . Cung cp thng tin v mt vng. Cung cp ta ca mt vng trn bn . Link n mt a ch URL t mt vng trong bn nh. nh du mt vng trn bn khng c lin kt n a ch URL Xc nh hnh dng ca mt vng trn bn (circle, rect v poly). xc nh ca s hay khung m file lin kt s hin th trong . Lm ch m ln. Xc nh a ch URL lin quan trng frame. Xc nh a ch URL s c dng truy cp cc a ch URL lin quan. Xc nh ch cho cc lin kt trn trang hin ti. Xc nh chun font c nh cho ch. Xc nh mu c nh cho ch. Xc nh font c nh cho ch. Xc nh kch thc c nh cho ch. Lng nhc nn vo trang. Xc nh s ln m bn nhc s lp li. Xc nh a ch ngun ca bn nhc. Lm cho ch ln hn so vi ch xung quanh.
<abbr></abbr>
title=
<acronym></acronym>
title=
<address></address> <applet></applet>
code width, height
area
accesskey= alt= coords= href= nohref= shape= target=
<b></b> base
href= target=
basefont
color= face= size=
bgsound
loop= src=
<big></big>
<blink></blink>
Lm cho ch n hin, nhp nhy.
<blockquote></blockquot To mt an trch dn tht l. Khang cch tht l ty vo s tag m/ng e> blockquote.
cite=
<body></body>
alink= link= vlink= background= bgcolor= leftmargin= toptmargin= text=
Ghi a ch ngun trch dn (nu c). Khai bo phn ni dung chnh(phn thn) ca trang web. Nhng g nm gia tag m/ng body s hin th trn trnh duyt. Xc nh mu ca mt link ang tham kho n, ang hat ng(active link). Xc nh mu ca mt link cha c kch hat.(new link). Xc nh mu ca mt link c ving thm (visited link). Xc nh nh nn cho tan trang. Xc nh mu nn cho tan trang. Xc nh l tri (l khang cch t bin tri mn hnh n l tri ca trang web) Xc nh l trn (l khang cch t bin trn mn hnh n l trn ca trang web). Xc nh mu ca ch. Dng xung hng (break a line) Ngng vic xung hng t ng. Dng to nt bm (button). c s dng nhiu trong Form-rt quan trng. Thm phm bm nhanh cho nt. Lm cho button c mu xm cho n khi mt s kin khc xut hin . Lin kt button vi mt script. (Event handler) Xc nh tn ca button tham kho s kin trong button (trong mt hm javascript). Dng button nh mt thnh phn ca Form. Thng trong input type=button value= Gi tr hin th ca button. V d: <input type=button name=getcode value="Click here"> Dng to ph (ch thch) cho bng Dng xc nh v tr ca caption trn hay di bng. Dng canh gia ch, nh v cc thnh phn khc nh du ch l trch dn. Lm ch nghing. Nu l gi tr, cite dng ch ng link n ngun trch dn. Xem <blockquote> nh du ch l m my tnh. Kt hp cc ct trong mt bng thnh mt nhm khng c cu trc Xc nh s ngay hng ca ct trong nhm ct. Xc nh s ngay hng(theo chiu dc) ca ct trong nhm ct Xc nh s ct trong mt nhm ct. Xc nh rng ca ct. kt hp cc ct trong mt bng thnh mt bng c cu trc Xc nh s ngay hng ca ct trong nhm ct.. Xc nh s ngay hng(theo chiu dc) ca ct trong nhm ct
br
clear
button
accesskey= disabled event name= type= value=
caption
align=
<center></center> <cite></cite> <code</code col

align= valign= span= width=
colgroup
align= valign=
span= width=
Xc nh s ct trong mt nhm ct. Xc nh rng mc nh cho cc thnh phn col i km.. nh du mt nh ngha trong danh sch Hin th ch vi mt ng gch gia nh xa. Nh strike hoc s. Chia trang thnh cc vng hp l. Dng nhiu trong DHTML v CSS. Canh bin tri, phi, gia mt vng c chia . Cp mt tn cho mi class ca cc vng phn chia. Cp 1 tn duy nht cho mt vng phn chia ring bit. To mt danh sch nh ngha. nh du mt thut ng s c nh ngha trong danh sch. Lm cho ch nghing.Tng t i. Chn file phim, nhc v trang web. Canh l b iu khin. Khi ng file nhc, hay phim t ng khi c np vo. Gi tr: True hoc False Dng hin th cc nt iu khin trn b iu khin. Xc nh s ln m file phim hay nhc s lp. Xc nh ngun (a ch URL) ca file phim hay nhc. Xc nh kch thc ca b iu khin.
dd <<del><del> <div></div>
align= class= id=
dl dt <em></em> embed
align= autostart= controls= loop= src= width= height=
fieldset font
color= face size
<form></form>
action= enctype method=
Nhm mt tp hp cc thnh phn ca form li vi nhau. Dng thay i kch thc ch, font ch v mu ch. Xc nh mu ch. Xc nh lai font ch. Xc nh kch thc ch. Dng to mt n vi cc trng ngi dng in vo ni dung cn thit. Cung cp a ch URL ca file x l n. (CGI Scripts chng hn) upload cc tp tin theo nh dng cho php. Xc nh phng php m n s c x l. to khung trong tp hp khung. Xc nh dy ca ca vin quanh khung. Xc nh mu ca vin. Xc nh hin th hay giu vin quanh khung. Thm khang trng vo gia cc khung. Lin kt n mt ti liu c nhiu thng tin. t tn cho mt khung c th dng lm target cho file trong lin kt. Khng cho php ngi dng thay i kch thc ca khung. Xc nh l tri phi, trn di ca khung.
frame
border= bordercolor= frameborder= framespacing= longdesc= name= noresize marginwidth= marginheight=
scrolling= src= target= title=
hin th hay giu thanh cun ca khung. Xc nh a ch URL ca file u tin hin th trong khung. Xc nh khung (vi tn) no m file trong mt lin kt s m vo . Ch nh mc ch ca khung. Xc nh mt tp hp khung . nh dy ca vin quanh khung. nh mu cho vin khung. nh s khung v kch thc khung. hin th hay giu vin khung. thm khang cch gia cc khung. xc nh s khung v kch thc cc khung. Dng to tiu cho vn bn Canh bin tiu Bt u v kt thc to phn u ca trang l ni cha title, meta, link, script tag. Dng to ng k ngang. Canh bin cho ng k. Hin th ng k khng c bng m. Xc nh ln ca ng k. Xc nh di ca ng k. Xc nh mu ca ng k. Bt u v kt thc mt trang ti liu vit bng HTML. Hin th ch nghing. Bt u v k thc mt Inline frame. Canh bin Inline frame. Hin th hoc giu vin. Xc nh chiu cao ca iframe. Xc nh kch thc ca Iframe. t tn ca Iframe dng cho thuc tnh target. Hin th hoc giu thanh cun Xch nh a ch URL ca trang u tin. Chn nh vo trang HTML. Canh bin cho nh. Hin th dng vn bn thay th trng hp nh khng c. Xc nh dy ca vin, nu c. Xc nh khang cch tri phi, trn di ca nh. Xc nh a ch ngun ca nh. Xc nh bn nh s c dng vi nh c tham chiu. Xc nh kch thc ca nh, gip nh ti nhanh hn. To cc thnh phn cho Form. Thm phm bm nhanh cho thnh phn. Canh bin cch thnh phn. nh du mt nt radio hoc hp check mc nhin. V hiu cc thnh phn ca Form cho n khi mt s kin xy ra. Kch mt s kin nh Onclick=, Onchange=. Xc nh s ch cao nht c th nhp vo thnh phn Form.
<frameset></frameset>
border= bordercolor= cols= frameborder= framespacing= rows=
h1,h2,h3,h4,h5,h6
align=
<head></head> <hr>
align= noshade size= width= color=
<html></html> <i> <iframe></iframe>

align= frameborder= height= width=, height= name= scrolling= src=
img
align= alt= border=
hspace,vspace
src= usemap= width=, height=
input
accesskey= align= checked disabled event handler= maxlength=
name= size= src= readonly tabindex type= value=
ins
Tn ca thnh phn m d liu s c thu thp khi tham chiu. Xc nh rng ca hp Text hoc Password. Xc nh ngun ca nh ang hat ng. Chng thay i ni dung trong form t khch ving thm. Xc nh th t m phm Tab s di chuyn qua cc thnh phn trong Form. Xc nh lai thnh phn ca Form. Xc nh gi tr ca thnh. nh du ch chn vo vi gch di-Dng gch di.
TAGS/ ATTRIBUTES
kbd label
for=
DESCRIPTION: M T
nh du ch bn phm. Gn nhn cho thnh phn ca Form. Xc nh thnh phn no trong form s c label. nh v thnh phn. Gn nhn cho filedset. Canh bin cho li gii thch. To bng mc lc-danh sch. Xc nh k t no bt u danh sch. Xc nh gi tr u tin ca mc u tin trong danh sch. To bng mc lc-danh sch. Xc nh a ch ngun ca trang CSS. Lu mc ch ca trang CSS. Gn nhn thay th cho trang CSS. Lu lai MIME ca trang CSS Xc nh trang CSS l chnh hay trang thay th. To bn nh hng khch hng t tn cho bn tham chiu sau . To chu chy. iu khin vic di chuyn ca ch(scroll, slide,alternate). iu khin hng di chuyn ca ch: tri qua phi hay phi qua tri. Xc nh vng lp. Xc nh khang cch gia cc ln lp. Xc nh khang thi gian gia mi ln lp. Tag dng khai bo cho search engine. Thm thng tin v trang web. To nhy n trang khc, thit lp ngn ng cho cc script, khai bo encode. Khai bo thm thng tin v trang Web Chng xung hng. Cc k t s nm trn cng 1 hng. Cung cp cc thay th cho frames. Cung cp cc thay th cho script. Nhng cc i tng vo trang Web. Canh bin i tng. To hoc giu vin quanh i tng. Xc nh lai i tng c nhng
layer legend
align=
li
type= value=
link
href= media= title= type= rel=
map
name=
marquee
behavior direction loop scrollamount scrolldelay
meta
content= http-equiv name
nobr noframes noscript object

align= border= classid=
codebase data hspace, vspace name standby type width,height
Xc nh a ch URL c s ca i tng ngun. Xc nh ngun ca tp tin phim c nhng. Xc nh khang trng xung quanh i tng. Xc nh tn ca i tng. Hin th an tin khi i tng ang c ti. Lu i tng l lai MIME. Xc nh kch thc ca hp i tng. To danh schc 1o th t Xc nh k t bt u trong mi mc. Xc nh gi tr u tin ca mc u tin. Chia thc n thnh thc n con Tt kh nng la chn thc n cho n khi mt s kin xut hin. Xc nh cch chn la hin th trn thc n. To thc n cc chn la kiu drop-down trong n (Form). Tt kh nng chn cho n khi mt s kin xut hin. Xc nh cch chn la hin th trn thc n. t tn cho chn la. Xc nh mt chn la c chn mc nh. Xc nh gi tr u ca chn la trong thc n. To mt an vn bn Canh bin cho an vn bn. Thit lp thuc tnh cho mt i tng Xc nh lai i tng. Thit lp gi tr ca thuc tnh c t tn. Hin th ch theo nh dng trc. Trch dn mt an tin ngn.
ol
type= start
optgroup
disabled label
option
disabled label name selected value
P
align
param
name= value=
pre q
cite
Cung cp a ch URL ca ngun trch dn. Hin th ch vi mt ng gch gia nhu xa. Nh strike hoc del. Hin th ch theo font ch monospace. Chn cc an script t ng vo trang. Xc nh b k t m script c vit. Xc nh ngn ng m an script vit. Tham chiu v tr ca script.(a ch URL ca script). Xc nh ngn ng script m an script c vit. To mt thc n trong Form. Tt kh nng cho n khi mt s kin xut hin. Xc nh d liu c thu thp bi thc n. Cho php ngi dng chn nhiu la chn cng lc. Xc nh s mc s hin th trong ca s thc n. Gim kch thc ch so vi kch thc ca ch xung quanh. To phong cch ring cho ch vi CSS. t tn mt phong cch ring tham chiu. Xc nh nhng thnh phn ring bit ca HTML. Id thng c dng nhiu trong DHTML. Vit tt l s. Dng hin th ng gch gia ch. Dng lm m ch (nh tag ).
s nh strike samp script

charset language src type
select
disabled name= multiple size
small span
class id
strike strong
style
media type
Dng chn an m CSS vo trang. Xem phn CSS. Xc nh mc ch ca CSS. Xc nh lai MIME ca CSS. Dng h thp ch. V d nh H2O Dng nng cao ch. V d nh (a+b)2=a2+2ab+b2 To biu bng trong ti liu HTML. Xc nh v tr ca bng trong trang (tri, phi hoc gia). Xc nh nh lm nn cho bng. Xc nh mu nn cho tan bng. Xc nh rng ca khung. Xc nh mu cho vin bng. Xc nh mu m hn cho vin. Xc nh mu lt hn. Xc nh khang cch gia ni dung ca cc trong bng vi vin bao quanh. Xc nh khang cch gia cc trong bng. Hin th vin bn ngai. Xc nh cao ca bng. Xc nh rng ca bng. Hin th vin trong. Xc nh phn body ca bng. Canh bin ni dung ca body trong bng. To cc hoc tiu ring bit trong bng. Canh ni dung trong theo chiu ngang hoc ng. Chn mu cho . Chn nh lm nn cho . Canh ni dung ca ph hp vi k t. M rng mt theo s ct trong bng. V d bng c 4 ct v c mt dng ch l mt ct th dng colspan=4 cho dng . M rng mt hn mt dng. V d bn phi ca bng l 5 v bn tri c cao bng 5 bn phi th khai bo bn tri l rowspan=5 Hin th ni dung trong trn mt dng. Xc nh rng v cao ca . To mt hp cha vn bn. Thng ni dung do ngi dng nhp vo. S dng nhiu vi Form. Thm phm nng cho vng text. Lm ch c mu xm lt cho n khi mt s kin xut hin. S kin c kch bi mt b qan l s kin nh onClick, onkeydown... Xc nh tn cho d liu s c tham chiu trong textarea khi x l vi chng trnh x l Form nh CGI. Kha ni dung trong textarea ch c v chp, khng xa hoc thay i c. Xc nh bao nhiu hng v ct trong vn bn. Xc nh rng v cao ca . Xc nh tiu trn di ca bng. Canh tiu ca . t tn tiu ca trang hin th trn browser cng nh cho search Engine tm trang. To hng trong bng. Trong mt bng c mt hoc nhiu
sub sup table

align= background= bgcolor border bordercolor bordercolorda rk bordercolorlig ht cellpadding= cellspacing= frame height width rules
tbody
align
td; th
align, valign bgcolor= background= char colspan rowspan nowrap width, height
textarea
accesskey disabled name readonly rows, cols width, height
tfoot, thead
align, valign
title tr
hng. Mi mt hng c mt hoc nhiu td (table data) c xem l mi (cell) trong bng. Khng ging nh chng trnh bng tnh c nhiu ct v hng. Trong HTML cc td trong mt hng s to nn ct. align, valign bgcolor background Canh ni dung trong hng theo chiu ngang hoc ng. Xc nh mu nn cho hng Xc nh nh nn cho hng. Hin th ch monospace. Hin th ch gch di (underline). To mt unordered list (danh sch khng theo th t). type Chn mt k t bt u mt mc trong danh sch. K t c th l : square (vung), circle(trn) v disc (trn en). To mt hng trng ty .
tt u ul
wbr

HTML Toan Tap 3977

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Toan Tap 3977

Uploaded by

Copyright:

Available Formats

BI 1 : HTML c s 1-Thnh phn-Element: Mi mt trang HTML c to bi nhiu thnh phn. Thnh phn nh mt hp cha tng ni dung ca trang Web.

<html></html>. <head></head>. <title></title>. <body></body>.

Hy bt u vi trang HTML u tin ca bn. II-Trang HTML u tin ca bn:

Vit: <h6>y l Header 6</h6> Hin th:

Thc hnh: M Notepad hoc coderunner g vo an code bn di:

2-Thuc tnh v gi tr thuc tnh ca h:

C php: &lthn align="gi tr">ni dung tiu </hn>

V d: <h2 align="center">Header ny c canh gia</h2>

Header ny c canh gia

Header ny c canh phi

Header ny mc nhin canh bin tri

2-Thuc tnh v gi tr thuc tnh ca <p>:

2-Thuc tnh v gi tr thuc tnh ca <blockquote></blockquote>:

1-Tag xung hng:

2-Tag chng xung hng: <nobr>

3-Thuc tnh v gi tr thuc tnh ca <br>

2-Thuc tnh v gi tr thuc tnh ca <hr>

Vit: <b>an ny s m</b>

Hin th trn trnh duyt: an ny s m

V d: Vit: <i>an ny s nghing</i> Hin th trn trnh duyt: an ny s nghing

Hin th trn trnh duyt: I like

<s> :tag khai bo gch gia. </s> :tag ng ch c gch gia.

<big> :tag khai bo lm ch to hn. </big> :tag ng ch c lm to.

Hin th trn trnh duyt:

<small> :tag khai bo lm ch nh hn. </small> : tag ng ch c lm nh.

V d: Vit: <small>Ch ny nh hn</small> Hin th trn trnh duyt:

<font > Mu white</font> <font > Mu yellow</font>

<li>Mc 7 </li> </ul>

Hin th trn trnh duyt:

</ul> <ul type="disc"> <li>Mc vi trn en. </li>

Hin th trn trnh duyt:

1. Chng 1: Bi L thuyt 1. Bi L thuyt 2. Bi L thuyt 3. 2. Chng 2:

II-Danh sch th t: < ol> &< ol>(Ordered List)

Hin th trn trnh duyt:

Order List c th dng s La M. Order List c th dng ch ci. Bn bt u bng 10.

AA. Ch k tip n l X,Y,Z, AA.

Cc gi tr thuc tnh ca type=:

Hin th trn trnh duyt:

<pre> :khai bo gi nh dng mc nhin ca vn bn. </pre> :Tag ng khai bo.

Vit: &lt;html&gt; &lt;head&gt; &lt;title&gt; &lt;body&gt; &lt;/p&gt; &reg; &copy; &trade;

Hin th trn trnh duyt: <html> <head> <title> <body> <p>

<xmp> :khai bo gi nh dng mc nhin ca vn bn. </xmp> :Tag ng khai bo.

Vit: <xmp> <ul type="square">

Hin th trn trnh duyt:

<acronym title="Active Server Page"><u>ASP</u></acronym>

V d: an Code sau y ly mu xanh lm nn

Trang Web ny dng mu xanh lm nn v dc khai bo trong thnh phn BODY.

Thay v dng bgcolor="blue", chng ta c th dng gi tr Hex, bgcolor="#0000FF" cho mu xanh.

background= :khai bo nh nn cho thnh phn Body.

imgname: ngun v tn ca nh nn.

nh 1-Khng lin vin. nh 2-Lin vin. V d: an code di y s dng nh lm nn.

nh nn Cho Web khng dng hiu ng Seamless Tiding

nh nn Cho Web dng hiu ng Seamless Tiding

text= :khai bo ch cho Web. color : Mu cho ch(dng tn mu hoc gi tr Hexadecimal).

V d: an code di y s dng mu en lm nn v mu trng cho ch.

2-leftmargin: C php <body leftmargin="s pixels"> Trong :

align= background= bgcolor=

2-Cc thuc tnh ca hng (<tr>) gm:

align= valign bgcolor= background=

3-Cc thuc tnh ca (<td>) gm:

Xem minh ha:

Canh bin phi

Canh gia v trn

Canh gia v gia

Vit: <html> <head> <title> <body> </p> ® © ™