2 HTML Co Ban 0891 6787

KHOA CNTT - TUD
HTML
Trn Khi Hong
Khoa CNTT TD.
H Tn c Thng
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
2
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
3
Gii thiu HTML

HTML (Hypertext Markup Language) : Ngn ng nh
du siu vn bn
File HTML l 1 file vn bn cha cc cc th nh du
Cc th nh du s bo cho trnh duyt bit cch hin
th trang HTML
File HTML phi c ui HTML hoc HTM
File HTML c th c to s dng 1 trnh son tho
vn bn hoc 1 trnh son tho HTML WYSIWYG (What
You See Is What You Get)
V d HTML
M notepad++, g on vn bn sau v lu li di tn hello.html :
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>
xem kt qu, nhn p vo file hello.html
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
6
HTML Elements
HTML l vn bn bao gm cc HTML Element
HTML Element c nh du bi cc HTML Tag
Mi tag c 1 tn, c bao gia 2 k t < v >
Tag thng i theo cp. V d <b> </b>
Th u tin gi l th m (<b>), th sau gi l th ng (</b>)
Vn bn gia th m v th ng l ni dung ca HTML Element
HTML tag khng phn bit hoa thng. <b> ging <B>
V d v HTML Elements
y l 1 HTML Element
Trong :
b l tn th nh du bt u v kt thc element
Th m
<b>
Th ng </b>
Ni dung ca HTML Element l : This text is bold
Khi hin th trn trnh duyt : This text is bold
Mc ch ca th b l in m vn bn nm trong n
V d v HTML Tag (tt)

y cng l 1 HTML Element
<body>
This is my first homepage.
</body>
Trong
body l tn th
Th m <body> , th ng </body>
Ni dung :
l cha is
tt cmy
cc first
Element ni dung trong trang HTML
Mc ch th bodyThis
homepage.
Ch
Mc du th HTML khng phn
bit hoa thng v nhiu
trang web s dng ch hoa.
Th nhng ph hp vi cc
tiu chun mi nht ca web
ta s s dng ch thng cho
tt c cc th HTML
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
11
Cu trc trang HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Title here</title>
<meta http-equiv="content-type" content="text/html;
charset=UTF-8" />

</head>
<body>

</body>
</html>
Th DOCTYPE
Mi trang HTML u nn bt u bng 1 th DOCTYPE
ch ra loi ngn ng nh du no ang s dng.
Trong v d trn ta dng XHTML 1.0 Transitional
DOCTYPE s cho trnh duyt bit nn render theo kiu
no ? Nu b DOCTYPE trnh duyt s render theo kiu
ring ca mnh (Quirk mode) m khng theo chun
Cu trc trang HTML n gin

Cu trc 1 trang HTML n gin khng DOCTYPE
<html>
<head>
<title>Title here</title>

</head>
<body>

</body>
</html>
Cch xem m ngun ca 1 trang web : Click chut phi

, nhn view source
Th html
Th html l th gc phi c trong mi trang HTML
Th html cha nhiu nht 1 th head v ch 1 th body
Khng c th no nm ngoi th html ngoi tr th
DOCTYPE
Th head dng cha cc thng tin m t v trang web
nh loi charset ang xi (utf-8, iso-8859-1), tiu , tm tt
trang, t kha, tc gi, CSS, javascript ...
Th head c th b lc b nu ta khng cn m t v trang
hin ti
Th body dng cha tt c ni dung tht s ca trang
web (bt buc phi c)
Tiu - Th h
Th heading dng to cc tiu , u cho trang web
C 6 th tiu bao gm h1, h2, h3, h4, h5, h6
Theo th t h1 (quan trng nht) n h6 (t quan trng nht).
Hu ht trnh duyt u hin th cc th heading t m v s
dng font ln hn bnh thng. h1 l ln v m nht cho n
h6 l ln v m t nht
Th heading dng nh du cc on text mang ngha
quan trng nh tiu bi vit, cc mc lc ch khng phi
dng in m vn bn
Th h demo
Trnh duyt s t ng thm dng trng trc v sau 1
heading
<html>
<body>
<h1>Heading
<h2>Heading
<h3>Heading
<h4>Heading
<h5>Heading
<h6>Heading
</body>
</html>
1</h1>
2</h2>
3</h3>
4</h4>
5</h5>
6</h6>
on vn Th p
Th p dng nh du mt on vn (paragraph)
Trnh duyt s t ng thm 1 dng trng trc v sau
mi on vn
V d
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Th p demo
<html>
<body>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
</body>
</html>
Lu
Nh ng th
<p>This is a paragraph
<p>This is another paragraph
Qun ng th l li rt hay mc phi.

Li ny khin 1 s trnh duyt hin th sai. Tuy 1 s c th hin
th ng nhng s khng ng trong mi trng hp
Vic qun ng th s khin m ngun HTML kh c, kh
sa khi c li xy ra.
Khng ng th l khng tun theo chun web
Ngt dng Th br
Th br dng ngt 1 dng (xung hng) nhng
khng phi bt u 1 on vn
Th br s ngt 1 dng ti bt k ni no n xut hin
<p>This <br/> is a para<br/>graph with line breaks</p>
Ch br l th rng (n khng c th ng, th m).
<br />
Th br demo
<p>This <br/> is a para<br/>graph with line breaks</p>
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
23
HTML Attributes
Bn cnh tn, HTML Tag c th c thm cc thuc tnh
<body bgcolor = red>Hello World</body>

Tn thuc tnh. Thuc tnh
element bgcolor qui nh
mu nn cho body
Du nhy kp ()hoc
n () dng nh du
bt u v kt thc ca
gi tr thuc tnh.
Gi tr thuc tnh.
bgcolor = red. Mu
nn trang web s c
mu
V d HTML Attribute
Canh gia heading
<h1 align = center>My page<h1>

Gi tr align :
center : canh gia
left : canh tri
right : canh phi
V d HTML Attribute
t mu nn v mu ch cho trang web :
<body bgcolor = red text= yellow >

Hello World
<body>
bgcolor qui nh mu nn, text qui nh mu ch
Mu c th l ch (red,yellow) hoc s (V d
#FF0000, #FFFF00 )
HTML color
Mu sc bao gm 3 gi tr R (Red) G (Green ) v B (Blue)
Gi tr thp nht ca ca R,G,B l 0 v cao nht l
255(FF)
C 3 cch gi tr 1 mu :
S dng tn. V d red, black, blue, yellow,green,white,red ...
S dng gi tr hexa. V d : #FF00FF,#00FF11,#445566
Cch dng ph bin nht l ghi mu di dng hexa
V d HTML color
Demo HTML color

<body bgcolor="#000000">
<font color="#FF0000">
<p>
Qu hng ti c con sng xanh bic<br/>
Nc trong xanh soi bng nhng hng tre<br/>
</p>
</font>
<font color="yellow">
<p>
Qu hng l cu tre nh<br/>
M v nn l nghing che<br/>
</p>
</font>
</body>
Cch ly mu hexa
Nu trong bc nh hoc 1 trang web c mu chng ta cn.
Lm sao ta bit gi tr hexa ca n ?
Tr li :
L nh : S dng cc chng trnh chnh sa nh nh Photoshop.
Dng tnh nng Eye Drop (
)
L web : Dng add-on ColorZilla ca
Firefox (Download ti colorzilla.com). Sau khi install, click vo biu
tng
(gc tri di cng) sau chn im no trn
web cn ly gi tr mu.
Mt cch khc l vo trang http://colorpicker.com
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
31
HTML Formats
HTML cung cp nhiu th dng nh dng vn bn
C 2 loi th chnh :
Th nh dng vt l : l cc th ch nh trnh duyt phi hin
th on vn bn nh th no font to hay font nh, m hay
lt, nghing hay bnh thng
Th nh dng logic : l cc th ch nh cho trnh duyt bit
loi ni dung ca on vn bn . Trnh duyt t do hin th
theo cch ca mnh.
Th nh dng vt l
Element
Meaning
Notes
<i> </i>
<b> </b>
<tt> </tt>
In nghing
In m
Dng my nh ch
<u> </u>
Gch di
B loi b trong cc phin bn mi

HTML v XHTML
<s> </s>
Gch ngang

HTML v XHTML
<strike> </strike>
Gch ngang

HTML v XHTML
<sub> </sub>
Ch s
<sup> </sup>
S m
<big> </big>
Font b hn 1 n v
<small> </small>
Font b hn 1 n v
Demo th nh dng vt l
<b>This text is bold</b><br/>
<i>This text is italic</i><br/>
<big>This text is big</big><br/>
<small>
This text is small
</small>
<br/>
This text contains
<sub>
subscript
</sub>
<br/>
This text contains
<sup>
superscript
</sup>
Demo th nh dng vt l
<h1 align="center">Physical Text Elements</h1>
<hr />
<p>
This is <b>Bold</b>
<br />
This is <i>Italic</i>
<br />
This is <tt>Monospaced</tt>
<br />
This is <u>Underlined</u>
<br />
This is <strike>Strike-through</strike>
<br />
This is also <s>Strike-through</s>
<br />
This is <big>Big</big>
<br />
This is even <big><big>Bigger</big></big>
<br />
This is <small>Small</small>
<br />
This is even <small><small>Smaller</small></small><br />
This is <sup>Superscript</sup>
<br />
This is <sub>Subscript</sub>
<br />
This is <b><i><u>Bold, italic, and underlined</u></i></b>
</p>
Th nh dng logic
Th
ngha
Hin th ph bin
<abbr> </abbr>
Ch vit tt (abbreviation).
V d Mr M.
Thng
<acronym> </acronym>
Cm t vit tt (acronym).
V d WWW)
Thng
<cite> </cite>
<code> </code>
Trch dn ngun
M ngun
In nghing
Chu di c nh
<dfn> </dfn>
<em> </em>
<kbd> .. </kbd>
<q> </q>
nh ngha
Nhn mnh
Phm bm
Trch dn trong dng
In nghing
In nghing
Chiu di c nh
Bao bi 2 du nhy(not
in IE 6)
<samp> </samp>
on text v d
Chiu di c nh
<strong> </strong>
Nhn mnh cc k
In m
<var> </var>
Bin lp trnh
In nghing
Demo th nh dng logic

<h1 align="center">Physical Text Elements</h1>
<hr />
<p>
This is <b>Bold</b>
<br />
This is <i>Italic</i>
<br />
This is <tt>Monospaced</tt>
<br />
This is <u>Underlined</u>
<br />
This is <strike>Strike-through</strike>
<br />
This is also <s>Strike-through</s>
<br />
This is <big>Big</big>
<br />
This is even <big><big>Bigger</big></big>
<br />
This is <small>Small</small>
<br />
This is even <small><small>Smaller</small></small><br />
This is <sup>Superscript</sup>
<br />
This is <sub>Subscript</sub>
<br />
This is <b><i><u>Bold, italic, and underlined</u></i></b>
</p>
Demo th nh dng logic
Lu
Dng th nh dng vt l, tt c cc trnh duyt u
hin th on vn bn ging nhau( <b> th u s dng
font m)
Th nh dng logic, khng qui nh vic hin th m
qui nh loi hay ng ngha ca vn bn. Cc trnh
duyt khc nhau c th hin th khc nhau
thay i hin th ca th logic, ta phi dng CSS.
HTML Preformat
Trnh duyt s t ng lc b khong trng v cc k
t xung dng khi hin th trang HTML
Xem v d :
<body>
for i = 1 to 10
print i
next i
</body>
HTML Preformat
gi nguyn khong trng v xung dng, ta phi s
dng th <pre>
<pre>
This is
preformatted text.
It preserves
both spaces
and line breaks.
</pre>
<p>The pre tag is good for displaying computer
code:</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
V d th pre
<pre>
This is P
T
E
X
T
SPACES
are ok!
RETURNS!
</pre>
<hr />
<p>
This is NOT P
T
E
X
T
SPACES
and
RETURNS are lost.
</p>
So are
M ngun th code,kbd,var...
<code>Computer code</code>
<br>
<kbd>Keyboard input</kbd>
<br>
<tt>Teletype text</tt>
<br>
<samp>Sample text</samp>
<br>
<var>Computer variable</var>
<br>
<p>
<b>Note:</b> These tags are often used to display
computer/programming code.
</p>
a ch vi th address
<html>
<body>
<address>
Donald Duck<br>
BOX 555<br>
Disneyland<br>
USA
</address>
</body>
</html>
Vit tt vi abbr, acronym

<abbr title="United Nations">UN</abbr>
<br>
<acronym title="World Wide Web">WWW</acronym>
<p>The title attribute is used to show the spelled-out
version when holding the mouse pointer over the acronym or
abbreviation.</p>
<p>This only works for the acronym element in IE 5.</p>
<p>This works for both the abbr and acronym element in
Netscape 6.2.</p>
Vit t phi qua tri vi th bdo

<p>
If your browser supports bi-directional override (bdo), the
next line will be written from the right to the left (rtl):
</p>
<bdo dir="rtl">
Here is some Hebrew text
</bdo>
Trch dn vi blockquote, q
Here comes a long quotation:
<blockquote>
This is a long quotation. This is a long quotation. This is a
long quotation. This is a long quotation. This is a long
quotation.
</blockquote>
Here comes a short quotation:
<q>
This is a short quotation
</q>
<p>
With the block quote element, the browser inserts line breaks
and margins, but the q element does not render as anything
special.
</p>
nh du chn, xa vi ins, del

<p>
a dozen is
<del>twenty</del>
<ins>twelve</ins>
pieces
</p>
<p>
Most browsers will overstrike deleted text and underline
inserted text.
</p>
<p>
Some older browsers will display deleted or inserted text as
plain text.
</p>
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
49
HTML Entities
Trong HTML s k t c ngha c bit nh (<, /, ...). Lm th
no hin th n ?
Trnh duyt t ng loi b cc khong trng d tha ? Lm th
no hin th nhiu khong trng m khng dng th pre ?
Cu tr li l dng HTML Entities
HTML Entities l cc k t c bit c ghi di 2 dng sau :
K t & + Tn + K t ;
K t & + K t # + S + K t ;
V d HTML Entities
hin th
K t < ta dng < hoc #60;
3 khong trng ta dng &nbsp
K t & ta dng &
Lu :
Dng tn d nh hn l dng s
Tuy nhin nhiu trnh duyt khng h tr ht cc tn mi
Ngc li, vic h tr cc entities bng s li tt hn
Tn thc th c phn bit ch hoa v ch thng
Cc HTML entities ph bin

Kt qu
M t
Thc th dng Thc th dng

tn
s
Khong trgn

<
>
&
"
Nh hn
Ln hn
V
Du nhy kp
<
>
&
"
<
>
&
"
'
Du nhy n ' (does '

not work in IE)
Mt s HTML Entities khc

Kt qu
M t
Thc th dng
tn
Thc th dng
s
cent
¢
¢
pound
£
£
yen
¥
¥
euro
€
€
section
§
§
copyright
©
©
registered
trademark
®
®
multiplication
×
×
division
÷
÷
Demo HTML Entities

<html>
<body>
<p>Character entities</p>
<p>&X;</p>
<p>
Substitute the "X" with an entity number like "#174" or an
entity name like "pound" to see the result.
</p>
</body>
</html>
HTML Entities reference

Kham kho danh sch cc HTML entities u ?
http://www.w3schools.com/tags/ref_entities.asp
http://www.w3.org/TR/html4/sgml/entities.html
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
56
HTML List
HTML h tr 3 loi danh sch
Danh sch khng th t (unordered list)
Danh sch c th t (ordered list)
Danh sch nh ngha (definition list)
Unordered list
Mt danh sch khng th t bao gm nhiu mc. Mi mc s
c nh du bng 1 bullet (thng hnh trn mu en)
Danh sch bt u bng th <ul>
Mi mt hng bt u bng th <li>
V d
<h4>An Unordered List:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
Cc loi danh sch khng th t

S dng thuc tnh type ca th ul, ta c th thay i
hnh dng ca bullet trong danh sch
Nu type =
disc => bullet hnh trn t en
circle => bullet hnh trn en khng t
square => bullet hnh vung
Demo kiu danh sch khng th t
Ordered list
Mt danh sch c th t cng gm nhiu mc. Nhng mi mc li c nh s
t 1,2,3...
Danh sch c th t bt u bng th ol (ordered list)
Mi mc bt u bng th li
V d :
<h4>An Ordered List:</h4>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
Cc loi danh sch c th t

S dng thuc tnh type ca th ol, ta c th thay i cch
nh s trong danh sch c th t
Nu khng c thuc tnh type, nh s t 1,2,3
Nu type =
a => nh s t a,b,c,d ...
A => nh s t A,B,C, ...
I => nh s t I,II,III,IV...
i => nh s t i, ii, iii, iv ...
Demo kiu danh sch th t
V d danh sch lng
Danh sch nh ngha

Danh sch nh ngha l 1 danh sch bao gm nhiu
mc. Mi mc bao gm 1 t kha (term) v mt nh
ngha (description) cho t kha
Danh sch nh ngha bt u bi th dl (definition list)
Mi mc gm 2 th :
Th dt (definition term) nh du t kha
Th dd (definition description) nh du nh ngha
Demo HTML Entities

<html>
<body>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</body>
</html>
Lu v danh sch
Cc mc trong 1 danh sch c th l 1 t, on vn,
hnh nh, m thanh ... hay l 1 danh sch khc
Nu trong 1 mc cha trong n 1 danh sch khc. Ta
gi l 1 danh sch lng
Cc th trong danh sch

Th
M t
ol
Xc nh 1 danh sch khng th t
ul
Xc nh 1 danh sch c th t
li
Xc nh 1 mc trong danh sch
dl
Xc nh 1 danh sch nh ngha
dt
Xc nh 1 t kha
dd
Xc nh m t ca mt t kha
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
69
HTML Link
Lin kt l a ch 1 ti nguyn trn web
Ti nguyn c th l 1 trang HTML, 1 hnh nh, 1 file m
thanh ...
Anchor l 1 t kha dng ch 1 lin kt trong ni b
1 trang
Th <a> dng nh du lin kt
Th <a>
C php :
<a href=url name=... target=...> M t lin kt</a>
Trong :
href l a ch ca ti nguyn cn tr ti
name l tn ca lin kt (ty chn s dng khi dng anchor)
target qui nh ca s no s m ti nguyn c lin kt
target = _blank : m lin kt trong 1 ca s mi
target = _self : m lin kt trong ca s hin ti
target = _parent: m lin kt trong ca s cha ca ca s hin ti
V d
Lin kt tr ti Khoa CNTT-TD
<a href=http://itam.tut.edu.vn> Khoa CNTT-TD</a>
Lin kt n bo tui tr. Trang web tuoitre.com s

c m trong 1 ca s mi
<a href=http://tuoitre.com.vn target=_blank> Bo Tui
tr</a>
Anchor(neo)
c th lin kt n 1 ni no trong ni b trang. Ta phi :
nh du (Bookmark) v tr bng cch s dng thuc tnh tn ca th <a>.
V d : ta nh du v tr trn cng ca trang web :
Sau lin kt n v tr va nh du s dng th <a> v thuc tnh href
<a name=top/> Chapter 1</a>

hoc
<a href=#top/> Go to Chapter 1</a>

<a href=http://ebook.com/chapter1.html#top/>
Go to Chapter 1</a>
Demo anchor
File anchor.html
a ch URL
C 2 loi a ch :
Tuyt i : a ch tuyt i bao gm c tn min ca website
Tng i : a ch tng i ch cha ng dn n ti

nguyn so vi th mc hin ti
<a href=page1.htm/> Trang 1</a>

<a href=../Chapter2/page1.htm/> Chapter 2 Trang 1</a>
ng dn tng i
Book
../Index.html
Index.html
Chapter1
Section1.html
Section2.html
Chapter2
ARE HERE
Section2.html
WE
../Chapter2/Section1.html
Section1.html
K hiu c bit
Du .
: Th mc hin ti
Du .. : Th mc cha th mc hin ti
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
78
Th hnh nh <img>
Trong HTML, hnh nh c xc nh bi th <img>
<img> l th rng , tc ch c thuc tnh, khng c th
ng
hin th 1 hnh nh, ta phi cung cp gi tr cho
thuc tnh src ca <img>. y l URL ca nh
C php :
<img
src= "URL"
alt= "Alternative Text"
width = ""
height = "
/>
Thuc tnh th <img>

src : URL ca hnh nh. V d
<img src = http://www.w3schools.com/images/pulpit.jpg/>
alt : on text m t hnh nh. S c hin khi hnh khng

tm thy hoc cha np kp
<img src = http://www.w3schools.com/images/pulpit.jpg alt=
y l ci vch ni />
width, height : Dng qui nh kch thc hin th ca nh.

Ta c th dng phng ln, hoc thu nh nh.
<img src = http://www.w3schools.com/images/pulpit.jpg alt=
y l ci vch ni width= 200px height= 200px/>
Hnh s c hin th vi kch thc 200x200
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
81
Th <table>
Th <table> dng hin th d liu di dng bng
(nh Excel)
Hoc dng layout trang web
V d
C php th <table>
Bng c xc nh s dng th <table>
Trong bng s c nhiu dng, c nh du bng
<tr> (table row)
Trong mi dng s c nhiu d liu, c nh du
bng th <td> (table data)
Mi d liu c th cha 1 k t, hnh nh, vn bn
hay 1 bng khc
V d th <table>
<table border="1">
<tr>
<td>row 1, cell 1</td>
</tr>
<tr>
</tr>
</table>
Tiu trong bng

Tiu c nh du s dng th <th>.
Dng tiu l dng u tin ca bng
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
Cc thuc tnh ca <table>
border
cellpadding
cellspacing
Thuc tnh border

<table border=0">
<tr>
<th>Heading</th>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
Thuc tnh cellpadding

<table border="1 cellpadding="0>
<tr>
<th>Heading</th>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
Thuc tnh cellspacing

<table border="1 cellspacing="0>
<tr>
<th>Heading</th>
</tr>
<tr>
</tr>
<tr>
</tr>
</table>
Cell span
Mt trong trong bn c th tri rng trn nhiu ct
hoc nhiu dng.
Trng hp tri rng trn dng ta gi l row span.
lm vic ny, ta dng thuc tnh rowspan trn
<td> , <th>
Trng hp tri rng trn ct ta gi l column span.
lm vic ny, ta dng thuc tnh colspan trn <td>,
<th>
Row span
<table border="1">
<tr>
<th>First Name:</th>
<td>Bill Gates</td>
</tr>
<tr>
<th rowspan="2">Telephone:</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>
Column span
<h1>Cell that spans two
columns:</h1>
<table border="1">
<tr>
<th>Name</th>
<th colspan="2">Telephone</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>
Mu nn, hnh nn cho <table>

Ta c th t mu nn cho <table> s dng thuc tnh
bgcolor
Thuc tnh background ch nh hnh nn cho <table>
C php :
bgcolor = Mu nn
background = Tn hnh nn"
V d mu nn cho <table>
<table border="1"
bgcolor="red">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
V d hnh nn cho <table>

<table border="1"
background="bgdesert.jpg">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
Mu, hnh nn cho <table> cell

Mi hay dng cng c th c t mu hoc hnh
nn ging <table> s dng bgcolor v background
<table border="1">
<tr>
<td bgcolor="red">First</td>
<td>Row</td>
</tr>
<tr>
<td
background="bgdesert.jpg">
Second</td>
<td>Row</td>
</tr>
</table>
Ni dung
Gii thiu HTML
HTML Elements
HTML Basic Tags
HTML Attributes
HTML Formats
HTML Entitties
HTML Lists
HTML Link
HTML Image
HTML Table
Bi tp
97
Ni dung
S dng notepad++ (download ti
http://notepad-plus.sourceforge.net/) lm 1 trang web
gii thiu v l lch bn thn.
98

2 HTML Co Ban 0891 6787

Uploaded by

Document Information

Original Title

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

2 HTML Co Ban 0891 6787

Uploaded by

Copyright:

Available Formats

KHOA CNTT - TUD

Gii thiu HTML

V d v HTML Tag (tt)

Cu trc trang HTML

Cu trc trang HTML n gin

Cch xem m ngun ca 1 trang web : Click chut phi

Qun ng th l li rt hay mc phi.

Ch br l th rng (n khng c th ng, th m).

<body bgcolor = red>Hello World</body>

<h1 align = center>My page<h1>

<body bgcolor = red text= yellow >

Cch dng ph bin nht l ghi mu di dng hexa

Demo HTML color

B loi b trong cc phin bn mi

B loi b trong cc phin bn mi

B loi b trong cc phin bn mi

Demo th nh dng logic

Demo th nh dng logic

Vit tt vi abbr, acronym

Vit t phi qua tri vi th bdo

nh du chn, xa vi ins, del

Cc HTML entities ph bin

Thc th dng Thc th dng

Du nhy n &apos; (does &#39;

Mt s HTML Entities khc

Demo HTML Entities

HTML Entities reference

Cc loi danh sch khng th t

Demo kiu danh sch khng th t

Cc loi danh sch c th t

Demo kiu danh sch th t

V d danh sch lng

Danh sch nh ngha

Demo HTML Entities

Cc th trong danh sch

Xc nh 1 danh sch khng th t

Xc nh 1 mc trong danh sch

Xc nh 1 danh sch nh ngha

Lin kt n bo tui tr. Trang web tuoitre.com s

<a name=top/> Chapter 1</a>

<a href=#top/> Go to Chapter 1</a>

Tng i : a ch tng i ch cha ng dn n ti

<a href=page1.htm/> Trang 1</a>

Thuc tnh th <img>

alt : on text m t hnh nh. S c hin khi hnh khng

width, height : Dng qui nh kch thc hin th ca nh.

Hnh s c hin th vi kch thc 200x200

Tiu trong bng

Cc thuc tnh ca <table>

Thuc tnh border

Thuc tnh cellpadding

Thuc tnh cellspacing

Mu nn, hnh nn cho <table>

V d hnh nn cho <table>

Mu, hnh nn cho <table> cell

You might also like

Du nhy n ' (does '