You are on page 1of 22

c  

(Thӭ Tư, 25/11/2009-10:59 AM)


<object data="flashhere.swf" type="application/x-shockwave-flash" width="165" height="122">  
c   
<param name="MOVIE" value="flashhere.swf">
</object> -ÿchèn flash.

Ô   


ĐӇ thêm nhӳng dòng chú thích trong file HTML, ngưӡi ta dùng thҿ nҫy. Nӝi dung văn bҧn nҵm
giӳa 6  và  sӁ đưӧc chương trình Browse bӓ qua. Cho phép có khoҧnh trҳng giӱa -- và >, nhưng
không đưӧc có khoҧng trҳng giӱa <! và --.

 
<HEAD> <TITLE>The HTML Reference</TITLE>
<!-- Created by Stephen Le Hunte, April 1996 --> </HEAD>

 

Thҿ nҫy dùng ghi thông tin vӅ version HTML áp dөng trong tài liӋu Web. Thưӡng đây là dòng đҫu
tiên trong file HTML.

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">

hay <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 1//EN">

 

Đây là thҿ xác lұp cho viӋc liên kӃt. Các thuӝc tính cӫa thҿ nҫy như sau:

c

Thuӝc tính HREF chӍ đӏnh đӏa chӍ liên kӃt, dòng văn bҧn sau dҩu = là đӏa chӍ đӕi tưӧng liên kӃt
(đưӧc bao trong cһp ""). Dòng văn bҧn giӱa dҩu 6 và 6 là đӕi tưӧc chӫ cӫa mӕi nӕi liên kӃt. Khi
bҥn kích mouse vào đӕi tưӧng chӫ trong trình Browse, bҥn sӁ đưӧc chuyӇn đӃn đӕi tưӧng liên kӃt.

 
<A HREF="http://subnet.virtual-pc.com/~le387818/">The HTMLib site</A> for updated info on the
HTMLib.

Trong thí dө, nӃu bҥn kích vào dòng "The HTMLib Site" . Bҥn sӁ chuyӇn đӃn đӏa chӍ
http://subnet.virtual-pc.com/~le387818/.

Bҥn có thӇ thêm " " đӇ chӍ đӏnh chuyӇn đӃn 1 vӏ trí đưӧc quy đӏnh sҷn trong đӕi tưӧng
liên kӃt.

 
The <A HREF="document.html#glossary">glossary</A> defines terms used in the document.

Trong thí dө, chӑn "" sӁ đưӧc chuyӇn đӃn tài liӋu document.html, ngay tҥi vӏ trí
tên  trong tài liӋu nҫy.

Thí dө vài thҿ liên kӃt sau:

<A HREF="http://..."> Liên kӃt vӟi 1 Web Site.

<A HREF="ftp://..."> Vӟi 1 Ftp Site.

<A HREF="gopher://..."> Vӟi 1 Gopher server.

<A HREF="news:..."> Liên kӃt vӟi 1 nhóm Tin.

<A HREF="mailto:..."> Vӟi 1 đӏa chӍ gӣi Mail. Liên kӃt nҫy sӁ kích hoҥt chương trình Mail và tӵ
đӝng điӅn đӏa chӍ vào mөc To dùm bҥn. Bҥn có thӇ khai báo luôn cҧ chӫ đӅ thư (?subject).

 

<A HREF="mailto:cmlehunt@swan.ac.uk?subject=The HTMLib is fantastic">link text</A>



Thuӝc tính NAME cho phép bҥn đánh dҩu vӏ trí đӇ làm đích cho các tài liӋu khác liên kӃt qua.

 

<A NAME="coffee">Coffee</A> is an example of...


An example of this is <A HREF="#coffee">coffee</A>.

Các tài liӋu khác có thӇ liên kӃt vӟi tài liӋu nҫy ngay tҥi vӏ trí đã xác đӏnh.

<A NAME="drinks.html#coffee">

  

Chương trình Browser có thӇ nҥp đӕi tưӧng liên kӃt vào 1 cӱa sә chӍ đӏnh bҵng thҿ nҫy. NӃu cӱa
sә nҫy chưa có, trình Browse sӁ mӣ 1 cӱa sә mӟi. Chӫ yӃu thҿ nҫy dùng cho frames.

Dҥng chung: <A HREF="url.html" TARGET="window_name">Link text</A>

 !Là tên đһt cho Frame.

Khi bҥn bҩm vào dòng "Link text", trang "url.html" sӁ đưӧc nҥp vào frame có tên chӍ đӏnh.

Ngoài ra bҥn còn có thӇ chèn thêm các Script sau vào thҿ <A>:
"#"$Khi bҥn di chuyӇn Mouse đӃn liên kӃt, sӁ có 1 dòng văn bҧn mô tҧ xuҩt hiӋn trong
thanh trҥng thái cӫa trình Browse.

 <A HREF="index.html" OnMouseOver="self.status=('Back to the main page')">Link text</A>

Dòng chӳ "%&


  !'" sӁ hiӋn trong thanh trҥng thái khi dӡi Mouse đӃn chӳ "

( )

"#"# Tương tӵ như trên nhưng dòng chӱ nҫy lҥi xuҩt hiӋn khi kéo Mouse ra khӓi liên kӃt.

 <A HREF="index.html" OnMouseOut="alert('Oh please go to this document')">Link text</A>

"*&
Khi bҩm Mouse lên liên kӃt, sӁ xuҩt hiӋn hӝp thoҥi yêu cҫu xác nhұn.

 <A HREF="http://www.netscape.com/" OnClick="confirm('Are you sure you want to go to the


Netscape site?')">Link text</A>

 

Dùng khi cҫn khai báo đӏa chӍ. :

<ADDRESS>
Mr. Cosmic Kumquat<BR>SSL Trusters Inc.<BR>1234 Squeamish Ossifrage Road<BR>NY
12345<BR>U.S.A.
</ADDRESS>

Khi hiӇn thӏ trong trình Browse sӁ có dҥng:

Mr. Cosmic Kumquat


SSL Trusters Inc.
1234 Squeamish Ossifrage Road
NY 12345
U.S.A.

 

Chèn Applet Java vào trang Web. Có dҥng tәng quát sau:

<APPLET CODE="Applet.class" WIDTH=200 HEIGHT=150></APPLET>

Dòng lӏnh nҫy chӍ thӏ cho trình Browse nҥp Applet có tên '' & (trong cùng thư mөc vӟi
trang Web nҫy), và chӍ đӏnh kích thưӟc là +,,'( rӝng và -.,'(cao.

 

<APPLET CODEBASE="http://java.sun.com/JDK-prebeta1/applets/ NervousText"


CODE="NervousText.class" width=400 height=75 align=center>
<PARAM NAME="text" VALUE="This is the Applet Viewer.">
<BLOCKQUOTE>
<HR>
If you were using a Java-enabled browser, you would see dancing text instead of this paragraph.
<HR>
</BLOCKQUOTE>
</APPLET>

ChӍ thӏ cho trình Browse nҥp Applet ӣ đӏa chӍ '$ # &!
'/ -'' $# ( $# ( &". ChӍ đӏnh kích thưӟc là 0,,(1.pixels và canh giӱa
dòng. NӃu trình Browse hiӇu Applet, dòng "  '' 2." sӁ hiӇn thӏ và Applet tҥo hiӋu
ӭng cho dòng chӳ nҫy. NӃu trình Browse không hiӇu Applet, nó sӁ bӓ qua nӝi dung cӫa <APPLET>
cũng như <PARAM> và chӍ hiӇn thӏ nӝi dung cӫa <BLOCKQUOTE>

Applet có thӇ có các thành phҫn sau:

<APPLET
[CODEBASE = URL]
[CODE = appletFile]
[NAME = appletInstanceName]:
[ARCHIVE = compressed file]
[ALT = alternateText]
[WIDTH = pixels]
[HEIGHT = pixels]
[ALIGN = alignment]
[VSPACE = pixels]
[HSPACE = pixels]
[ARCHIVE = URL to archive]
>
[alternateHTML]
</APPLET>

*"% 34ChӍ đӏnh điҥ chӍ tuyӋt đӕi cӫa Applet.

*"3'' ChӍ đӏnh đӏa chӍ tương đӕi cӫa Applet.

 3   ( ChӍ đӏnh dòng text sӁ hiӇn thӏ trong trưӡng hӧp trình Browse không hiӇu
Applet.

3'' 5 &!Đһt tên cho Applet đӇ phөc vө cho viӋc tìm kiӃm.

65 c3'(c5c 3'(ChӍ đӏnh kích thưӟc cho Applet.

53! Dùng canh lӅ, có các giá trӏ sau: left, right, top, texttop, middle, absmiddle,
baseline, bottom, absbottom.

2
*3'(c
*3'(ChӍ đӏnh khoҧng trӕng bao chung quanh Applet.

*c523&!'Khai báo các file nén cҫn thiӃt cӫa Applet đӇ trình Browse tҧi vӅ máy
cá nhân, phөc vө cho viӋc đӑc lҥi sau nҫy.

 

Thҿ làm đұm (/) dòng văn bҧn nó chi phӕi.

 :

The instructions <B>must be read</B> before continuing.


  7 89&:;#:

The instructions !# / before continuing.

 

Thành phҫn nҫy dùng đӇ chӍ đӏnh đӏa chӍ cơ bҧn cho các mӕi nӕi liên kӃt. Coi như đây là đӏa chӍ
gӕc đӇ tìm các điҥ chӍ khác.

Thҿ 6%  phҧi nҵm dưӟi thҿ 6c.

 <BASE HREF="http://www.myhost.com/">

ChӍ đӏnh điҥ chӍ "www.myhost.com" là điҥ chӍ gӕc cho tҩt cҧ các điҥ chӍ tương đӕi khác.

Ngoài ra còn có 1 thҿ mӣ rӝng là 6%   dùng cho Netscape Navigator 2.0 và Internet
Explorer 3.0 trӣ lên. Dùng chӍ đӏnh Frame mһc nhiên đӇ nҥp các đӕi tưӧng liên kӃt.

 : <BASE TARGET="default_target">

  !"

Liên kӃt trang Web vӟi 1 file âm thanh, khi trình Browse hiӇn thӏ trang Web cũng đӗng thӡi phát
file âm thanh nҫy luôn. File âm thanh kèm theo phҧi thuӝc 1 trong các dҥng thӭc: 62, 4 hay 55

Các thuӝc tính cӫa <BGSOUND>:

 *ChӍ đӏnh điҥ chӍ file âm thanh.

""
3ChӍ đӏnh sӕ dòng lұp lҥi. NӃu 3- hay ""
3555  là cho lұp liên tөc.

 <BGSOUND SRC="start.wav">

# $

Tăng kích thưӟc font cӫa đoҥn văn bҧn so vӟi font hiӋn hành.

 This is normal text, with <BIG>this bit</BIG> being big text.

  7 89<: This is normal text, with this bit being big text.

Ô% &'!

Dùng phân cách 1 khӕi văn bҧn đӇ nhҩn mҥnh. Đoҥn văn bҧn nҫy đưӧc tách ra thành 1
paragraph riêng đӗng thӡi chèn thêm khoҧng trӕng phiá trên và dưӟi đoҥn văn nҫy. Đoҥn văn nҫy cũng
đưӧc cho thөt vô so vӟi lӅ trái.

 In "Hard Drive", a former Microsoft project manager has said, <BLOCKQUOTE>"Imagine an
extremely smart, billionaire genius who is 14 years old and subject to temper
tantrums"</BLOCKQUOTE>
  7 89 < :

In "Hard Drive", a former Microsoft project manager has said,

"Imagine an extremely smart, billionaire genius who is 14 years old and subject to temper
tantrums"

ÔÔ 

Đây là thҿ chӭa nӝi dung chính cӫa file HTML. Dҥng thӭc tәng quát như sau:

<BODY>
The rest of the document included here
</BODY>

*=& #>&  

%*"4Dùng chӍ đӏnh file hình ҧnh làm nӅn:

<BODY BACKGROUND="imagename.gif">
Rest of the document goes here
</BODY>

Hình nӅn phҧi có dҥng thӭc GIF hay JPG. NӃu dùng Internet Explorer sӁ hә trӧ thêm dҥng %

%*""Xác lұp màu cho nӅn:

<BODY BGCOLOR="#rrggbb"> Rest of document goes here </BODY>

Vӟi "//" là giá trӏ hexadecimal (thұp lөc) red-green-blue.

 &'&: 7(=&?'-0,!<#   ?'& @#:

#F0F8FF-aliceblue, #FAEBD7-antiquewhite, #00FFFF-aqua, #7FFFD4-aquamarine, #F0FFFF-azure,


#F5F5DC-beige, #FFE4C4-bisque, #000000-black, #FFEBCD-blanchedalmond, #0000FF-blue,
#8A2BE2-blueviolet, #A52A2A-brown, #DEB887-burlywood, #5F9EA0-cadetblue, #7FFF00-chartreuse,
#D2691E-chocolate, #FF7F50-coral, #6495ED-cornflowerblue, #FFF8DC-cornsilk, #DC143C-crimson,
#00FFFF-cyan, #00008B-darkblue, #008B8B-darkcyan, #B8860B-darkgoldenrod, #A9A9A9-darkgray,
#006400-darkgreen, #BDB76B-darkkhaki, #8B008B-darkmagenta, #556B2F-darkolivegreen, #FF8C00-
darkorange, #9932CC-darkorchid, #8B0000-darkred, #E9967A-darksalmon, #8FBC8F-darkseagreen,
#483D8B-darkslateblue, #2F4F4F-darkslategray, #00CED1-darkturquoise, #9400D3-darkviolet,
#FF1493-deeppink, #00BFBF-deepskyblue, #696969-dimgray, #1E90FF-dodgerblue, #B22222-firebrick,
#FFFAF0-floralwhite, #228B22-forestgreen, #FF00FF-fuchsia, #DCDCDC-gainsboro, #F8F8FF-
ghostwhite, #FFD700-gold, #DAA520-goldenrod, #808080-gray, #008000-green, #ADFF2F-greenyellow,
#F0FFF0-honeydew, #FF69B4-hotpink, #CD5C5C-indianred, #4B0082-indigo, #FFFFF0-ivory, #F0E68C-
khaki, #E6E6FA-lavender, #FFF0F5-lavenderblush, #7CFC00-lawngreen, #FFFACD-lemonchiffon,
#ADD8E6-lightblue, #F08080-lightcoral, #E0FFFF-lightcyan, #FAFAD2-lightgoldenrodyellow, #90EE90-
lightgreen, #D3D3D3-lightgrey, #FFB6C1-lightpink, #FFA07A-lightsalmon, #20B2AA-lightseagreen,
#87CEFA-lightskyblue, #778899-lightslategrey, #B0C4DE-lightsteelblue, #FFFFE0-lightyellow, #00FF00-
lime, #32CD32-limegreen, #FAF0E6-linen, #FF00FF-magenta, #800000-maroon, #66CDAA-
mediumaquamarine, #0000CD-mediumblue, #BA55D3-mediumorchid, #9370DB-mediumpurple,
#3CB371-mediumseagreen, #7B68EE-mediumslateblue, #00FA9A-mediumspringgreen, #48D1CC-
mediumturquoise, #C71585-mediumvioletred, #191970-midnightblue, #F5FFFA-mintcream, #FFE4E1-
mistyrose, #FFE4B5-moccasin, #FFDEAD-navajowhite, #000080-navy, #FDF5E6-oldlace, #808000-
olive, #6B8E23-olivedrab, #FFA500-orange, #FF4500-orangered, #DA70D6-orchid, #EEE8AA-
palegoldenrod, #98FB98-palegreen, #AFEEEE-paleturquoise, #DB7093-palevioletred, #FFEFD5-
papayawhip, #FFDAB9-peachpuff, #CD853F-peru, #FFC0CB-pink, #DDA0DD-plum, #B0E0E6-
powderblue, #800080-purple, #FF0000-red, #BC8F8F-rosybrown, #4169E1-royalblue, #8B4513-
saddlebrown, #FA8072-salmon, #F4A460-sandybrown, #2E8B57-seagreen, #FFF5EE-seashell,
#A0522D-sienna, #C0C0C0-silver, #87CEEB-skyblue, #6A5ACD-slateblue, #708090-slategray,
#FFFAFA-snow, #00FF7F-springgreen, #4682B4-steelblue, #D2B48C-tan, #008080-teal, #D8BFD8-
thistle, #FF6347-tomato, #40E0D0-turquoise, #EE82EE-violet, #F5DEB3-wheat, #FFFFFF-white,
#F5F5F5-whitesmoke, #FFFF00-yellow, #9ACD32-yellowgreen.

5  ('&: 7(=&?'-A!<#   @#

Black, Silver, Gray, White, Maroon, Red, Purple, Fuchsia, Green, Lime, Olive, Yellow, Navy, Blue, Teal,
Aqua.

 B Thuӝc tính nҫy chӍ đӏnh màu cho văn bàn thưӡng trong file.

<BODY TEXT="#rrggbb">
Rest of document goes here
</BODY>

Các xác lұp màu giӕng như BGCOLOR.

5 25 $<5Dùng chӍ đӏnh màu cho các dòng văn bҧn là đӕi tưӧng chӫ cho mӕi nӕi
liên kӃt. Trong đó5  kӃt chưa xem, VLINK: Liên kӃt đã xem, ALINK: Liên kӃt đang xem.

Mһc nhiên là: LINK=blue (#0000FF), VLINK=purple (#800080), và ALINK=red (#FF0000). Cách
xác lұp màu giӕng BGCOLOR và TEXT.

<BODY LINK="#rrggbb" VLINK="#rrggbb" ALINK="#rrggbb">


Rest of document goes here
</BODY>

 5Canh lӅ trái. Thí dө:

BODY LEFTMARGIN="40">
This document is indented 40 pixels from the left hand edge of the browser window
</BODY>

 "
5Canh lӅ trên. Thí dө:

<BODY TOPMARGIN="40">
This document is indented 40 pixels from the top hand edge of the browser window
</BODY>

Ô 

Thҿ nҫy dùng đӇ ngҳt mӝt đoҥn văn và xuӕng hàng mӟi.

 
<P>
Mary had a little lamb<BR>
It's fleece was white as snow<BR>
Everywhere that Mary went<BR>
She was followed by a little lamb.

Ô "

Tҩt cҧ text nҵm trong thҿ nҫy đưӧc canh giӱa so vӟi lӅ trái và phҧi.

<CENTER>All this text would be centred in the page</CENTER>

Ô 

Dùng đӇ nhұp mӝt dòng mã có đӏnh dҥng ký tӵ riêng. Dòng mã nҫy không đưӧc thӵc hiӋn mà sӁ
hiӇn thӏ dưӟi dҥng văn bҧn bình thưӡng. ĐiӅu nҫy là cҫn thiӃt khi cҫn minh hoҥ mӝt đoҥn mã làm thí dө.

 The formula is : <CODE>x=(-b+/-(b2-4ac)ҹ)/2a</CODE>.

 9 7 8: The formula is : x=(-b+/-(b2-4ac)ҹ)/2a

Ô (("

Giӕng như thҿ <!-- và --> dùng đӇ nhұp nhӳng dòng ghi chú cho file HTML.

Đoҥn text nҵm giӱa <COMMENT> và </COMMENT> sӁ không đưӧc hiӇn thӏ khi trình Browse
đӑc file.

<COMMENT>
This text won't render. I can say what I like here, it wont appear
</COMMENT>

Ô $

LiӋt kê các mөc theo dҥng cӝt danh sách có đӝ rӝng 24 ký tӵ. 65phҧi đi kèm vӟi 65C 
 !D.

Ô $)

So hàng Text theo lӅ

 

<DIV ALIGN="left">This text will be displayed left aligned in the browser window.</DIV>
<DIV ALIGN="center">This text will be centred.</DIV>
<DIV ALIGN="right">This text will be displayed aligned to the right of the browser window.</DIV>

Ô (

Cho phép ngưӡi soҥn thҧo chèn liên kӃt trӵc tiӃp vào trang WEB.

; EF#= <: <EMBED SRC="_URL_">

 <EMBED SRC="clouds.mid" WIDTH="145" HEIGHT="61">


Ô# *"

Thành phҫn chính là <"  5G3$#>. Giá trӏ values tӯ -1. Mһc nhiên FONT size là H. Giá
trӏ thay đәi tương đӕi là '+' hay '-' so vӟi giá trӏ chuҭn.

 

<FONT SIZE=4>changes the font size to 4</FONT>


<FONT SIZE=+2>changes the font size to BASEFONT SIZE ... +2</FONT>

 #>&  

*""3// *""3&: Xác lұp màu giӕng như BGCOLOR

 

<FONT COLOR="#FF0000">This text is red.</FONT>


hay
<FONT COLOR="Red">This text is also red.</FONT>

*3!I !JI !JChӍ đӏnh font chӳ khi hiӇn thӏ text.

 

<FONT FACE=".VNTIME, .VNARIAL"> This text will be displayed in either .VNTIME hay
.VNARIAL, depending on which fonts are installed on the browsers system. </FONT>

 % *(

Có 9 thuӝc tính: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE,


FRAMEBORDER, FRAMESPACING and BORDERCOLOR.

 *3)#)ChӍ đӏnh file sӁ đưӧc hiӇn thӏ trong Frame.

3)! !)Đһt tên cho Frame. Tên nҫy dùng làm đích khi cҫn hiӇn thӏ file trong 1
Frame nhҩt đӏnh.

 <A HREF="URL" TARGET="frame_name">

Theo mһc nhiên các Frame sӁ không có tên.

565 c3)$#)5c5c 3)$#)ChӍ đӏnh giá trӏ tính bҵng Pixels cho lӅ trái,
phҧi (Width) và trên, dưӟi (Height).

 *"53)# )ChӍ đӏnh cho thanh cuӝn cӱa sә trong trưӡng hӧp nӝi dung vưӧt quá
sӭc chӭa cӫa Frame.

" 5GTheo mһc nhiên, tҩt cҧ Frame có thӇ điӅu chӍnh đưӧc kích thưӟc. Thuӝc tính nҫy
không cho điӅu chӍnh.

%"3),)ChӍ đӏnh viӋc hiӇn thӏ khung viӅn cho Frame. Chӑn "yes/0" cho
Internet Explorer và "yes/no" cho Netscape.


*53)$#)ChӍ đӏnh khoҧng cách giӱa các Frame. Tính theo Pixels.

 <FRAME FRAMESPACING="40" ...>

 Ô *(

Đây là thҿ chính cӫa Frame.Các thuӝc tính như sau:

"6 3)  $#  )ChӍ đӏnh chiӅu dӑc Frame theo Pixels, phҫn trăm hay tӹ lӋ.

 Tҥo 3 Frame theo chiӅu dӑc, Frame đҫu tiên có kích thưӟc 20% cӱa sә, Frame 2 có kích
thưӟc 100 pixels và Frame 3 dùng toàn bӝ khoҧng trӕng còn lҥi cӫa cӱa sә.

<FRAMESET ROWS="20%, 100, *">

 Chia 2 Frame có kích thưӟc 1/4 và 3/4 cӱa sә.

<FRAMESET ROWS="25%, 75%"> Hay <FRAMESET ROWS="*, 3*">

*" 3)&#!   )Giӕng như ROWS nhưng tính theo chiӅu ngang.

%"3)'($#)Kích thưӟc đưӡng viӅn

%"*""3)// &#!)ChӍ đӏnh màu cho đưӡng viӅn

 

<HTML>
<HEAD>
<TITLE>The HTML Reference Library - HTMLib</TITLE>
</HEAD>
1 <FRAMESET COLS="25%,*">
2 <FRAMESET ROWS="100, *">
3 <FRAME SRC="buttons.htm" NORESIZE SCROLLING="no" NAME="buttons">
4 <FRAME SRC="qr.htm" NORESIZE SCROLLING="yes" NAME="QR">
5 </FRAMESET>
6 <FRAMESET ROWS="75, *">
7 <FRAME SRC="title.htm" NORESIZE SCROLLING="no" NAME="TITLE">
8 <FRAME SRC="intro.htm" NORESIZE SCROLLING="auto" NAME="main">
9 </FRAMESET>
10 </FRAMESET>
</HTML>

Sӕ thӭ tӵ dòng chӍ đӇ phân tích, không có trong file.

-6  *" 3)+.K ) : Chia 2 Frame 1, 2 theo chiӅu ngang có kích thưӟc 1=25% và
2=75%.

+6  "6 3)-,, ) : Trong Frame 1 chia thành 2 Frame 3, 4 theo chiӅu dӑc. Có kích
thưӟc 3=100 pixels chiӅu cao, 4=kích thưӟc Frame 1 còn lҥi.

H6 *3)/#  !)" 5G *"53))3)/# ) : ChӍ đӏnh


file sӁ nҥp vào Frame 3 là buttons.htm. Frame nҫy không cho resizing và luôn luôn hiӇn thӏ thanh cuӝn.
Tên Frame là BUTTONS

06 *3)F !)" 5G *"53))3)L): Giӕng dòng 3, nҥp


vào Frame 4 file qr.htm. Frame nҫy có tên là QR.

.6  : Dòng nҫy dùng kӃt thúc FRAMESET trong dòng 2.

A6  "6 3)1. ) : Dòng nҫy chia Frame 2 còn lҥi thành 2 Frame 5, 6 có kích thưӟc
5=75 pixels, 6=khoҧng trӕng còn lҥi.

16 *3)   !)" 5G *"53))3) 5 ) : Nҥp file vào


Frame 5, không Resize, không thanh cuӝn. Đһt tên cho Frame 5 là TITLE.

M6 *3)  !)" 5G *"53)# )3)!) : Giӕng như trên


nhưng có tên là MAIN và thanh cuӝn tӵ đӝng xuҩt hiӋn nӃu cҫn thiӃt.

N6   : Đóng FRAMESET trong dòng 6

-,6  : Đóng FRAMESET trong dòng 1

Khi cҫn nҥp liên kӃt vào Frame nào bҥn chӍ cҫn dùng thuӝc tính Target="tên Frame". 

<A HREF="qr.htm#QRM" TARGET="QR">


<IMG SRC="images/m.gif" BORDER="0" WIDTH="17" HEIGHT="17" ALT="M">
</A>

HiӇn thӏ vӏ trí L cӫa file F ! trong Frame có tên QR khi bҩm vào hình  .

 +Ô ,-.+

HTML có 6 mӭc chuҭn cho Tiêu đӅ ( ). Xác lұp bҵng các thҿ tӯ 6c- cho đӃn 6cA.

 

<H1>This is a first level heading heading</H1>


<H2>This is a second level heading</H2>

Bҥn có thӇ sӱ dөng thuӝc tính 5 đӇ canh lӅ cho tiêu đӅ.

 

<H1 ALIGN=center>This is a centred heading</H1>

  +

Nӝi dung nҵm giӱa thҿ nҫy là phҫn tiêu đӅ cӫa trang Web. Chúng không hiӇn thӏ khi trình Browse
đӑc file.
<HEAD>
<TITLE> Introduction to HTML </TITLE>
</HEAD>

Trong nӝi dung HEAD có thӇ chӭa các thành phҫn sau:

6% Khai báo điҥ chӍ cơ bҧn cho file HTML

65 5BChӍ đӏnh tӯ khoá cho viӋc tìm kiӃm

6 5 Đһt tên tiêu đӅ cho tài liӋu.

6 Các thông tin khác vӅ tài liӋu.

  +

Đưӡng gҥch ngang đӇ phân cách các đoҥn trong trang Web.

 #>&  

6c 5G3#!/ChӍ đӏnh kích thưӟc.

6c65 c3#!/'& ChӍ đӏnh đӝ rӝng

6c53  & So lӅ

6c" cKhông bóng

6c*""3!//ChӍ đӏnh màu giӕng BGCOLOR

 

<HR>
<HR SIZE="5">
<HR WIDTH="50%">
<HR WIDTH="50%" ALIGN="right">
<HR WIDTH="50%" ALIGN="center" NOSHADE>

  +(

Thҿ chính yӃu cӫa file HTML. Đánh dҩu điӇm bҳt đҫu và chҩm dӭt nӝi dung cӫa file.

 

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">


<HTML>
Nӝi dung file gӗm có 2 phҫn là <HEAD> và <BODY>
</HTML>

  $

ChӍ đӏnh kiӇu chӱ nghiêng cho văn bҧn.


  $*(

Dùng hiӇn thӏ thông báo khi trình Browse không hiӇu Frame

 :

<IFRAME NAME="content_frame" width="488" height="244" SRC="welcome.htm">This site uses


floating frames</IFRAME>

Đӕi vӟi trình Browse có hә trӧ Frame, bҥn sӁ đӑc đưӧc nӝi dung file 6&! ! trong Frame.
Đӕi vӟi trình Browse không hiӇu Frame, bҥn sӁ thҩy dòng chӱ "  # !".

  $(

Chèn 1 file hình vào tài liӋu HTML

 #>&  

53)   ' ( '!/!// !// !)So hàng hình


ҧnh vӟi Text.

 3)  $ ( )Cho hiӇn thӏ 1 dòng text thay thӃ cho file hình trong trưӡng hӧp trình
Browse đang ӣ trong chӃ đӝ không hiӇn thӏ hình ҧnh. Dòng Text nҫy cũng hiӇn thӏ theo dҥng ToolTip khi
dӡi Mouse đӃn hình.

 

<IMG SRC="triangle.gif" ALT="Warning:"> Be sure to read these instructions.

 *3)4!)ChӍ đӏnh điҥ chӍ file hình chèn vào trang Web.

<IMG SRC="warning.gif">Be sure to read these instructions.

65 c3$#c5c 3$#ChӍ đӏnh khoҧng cách dành sҷn cho hình trong khi trình Browse
nҥp toàn bӝ hình.

%"3$#ChӍ đӏnh cho hiӇn thӏ đưӡng viӅn bao quanh hình ҧnh. Bҥn có thӇ chӑn "0" đӇ
hiӇn thӏ đưӡng viӅn màu xanh khi có liên kӃt.

2
*3$#c
*3$#Quy đӏnh khoҧng trӕng giӱa hình và Text. 2
* cho trên
và dưӟi hình,c
*cho trái và phҧi hình. Value tính theo pixel.

"6 *Thuӝc tính nҫy cho phép hiӇn thӏ 2 hình lҫn lưӧt trong cùng 1 vӏ trí. Thưӡng dùng đӇ
nҥp mӝt hình nhӓ trong khi chӡ đӧi nҥp hình chính có dung lưӧng file lӟn hơn:

 

<IMG SRC="hiquality.gif" LOWSRC="lowquality.gif">

Đҫu tiên trình Browse sӁ hiӇn thӏ file hình "F#  ". Sau khi nҥp hoàn tҩt cҧ trang, trình
Browse sӁ nҥp file hình chính thӭc vào thay thӃ.
 # $"!

Tҥo mӝt field đӇ nhұn tác đӝng cӫa ngưӡi sӱ dөng.

 #>&  

5So hàng cho field, chӍ dùng vӟi O


35 trong HTML level 2.

*c*KiӇm tra ngưӡi dùng đã đánh dҩu cho checkbox hay radio button chưa.

B cChӍ đӏnh đӝ dài ký tӵ có thӇ nhұp vào text field, đӝ dài nҫy có thӇ lӟn hơn kích
thưӟc Text field. Mһc đӏnh là không giӟi hҥn.

Tên cӫa Field

 5GKhai báo kích thưӟc hay sӕ lương ký tӵ cho field. Thí dө:

Khai báo 1 field vӟi đӝ rӝng là 24 ký tӵ:

INPUT TYPE=text SIZE="24"

 O
ChӍ đӏnh kiӇu cӫa Field:

%4 "Chèn mӝt nút bҩm vào tài liӋu. Giá trӏ VALUE dùng chӍ đӏnh Text sӁ hiӋn trong nút
nҫy. Thí dө:

<INPUT TYPE="BUTTON" VALUE="Hello" NAME="btnHello">

*c*%"BChèn 1 chechbox vào tài liӋu  

<INPUT TYPE="CHECKBOX" NAME="chkbox">

c5Vӟi thuӝc tính nҫy, field sӁ không hiӇn thӏ ra nhưng nӝi dung cӫa field vүn có giá trӏ.
Dùng trao đәi thông tin ngҫm giӱa client/server.

5Chèn field chӭa hình ҧnh đӇ ngưӡi dùng bҩm Mouse khi chӑn. 

<INPUT TYPE="IMAGE" SRC="../images/iexplore.gif" ALIGN="middle">


 6"Giӕng như Text, nhưng ký tӵ nhұp vào sӁ không hiӇn thӏ ra. 

<INPUT TYPE="PASSWORD">

5"Chèn 1 field có dҥng Nút Radio. 

<INPUT TYPE="RADIO">

  Chèn 1 nút bҩm dùng phөc hӗi lҥi tình trҥng cũ cho các field. Đһt tên cӫa nút nҫy qua
thuӝc tính Values.
 : <INPUT TYPE="RESET">

 4%5 1 dҥng nút bҩm giӕng RESET. Có tác dөng giӕng như xác nhұn đӗng ý.  Chèn
1 nút có tên " 4%5 " và sӁ hiӇn thӏ thông báo "  # (!'   ''"
khi bҥn bҩm Mouse vào nút nҫy.

<INPUT TYPE="SUBMIT" OnClick="alert 'This is just an example, nothing will happen'">

 B Nhұp 1 dòng text vào fields. Dùng thuӝc tính 5G và B cđӇ quy đӏnh kích
thưӟc. Trong trưӡng hӧp cҫn nhұp nhiӅu dòng, phҧi dùng thҿ6 B .

 : <INPUT TYPE="TEXT">

 B Nhұp nhiӅu dòng Text vào field. 

<TEXTAREA NAME="descr" COLS="30" ROWS="3"


OnBlur="count_char(document.egForm.descr.value)">Enter a short description here (max 50 chars)
</TEXTAREA>

24 ChӍ đӏnh Text sӁ hiӇn thӏ trên các nút bҩm.

% ('!

Tҥo hiӋu ӭng chҥy chӱ trong file HTML. Dòng văn bҧn giӱa thҿ nҫy sӁ chҥy theo 1 kiӇu đҧ quy
đӏnh trưӟc, khi trình Browse hiӇn thӏ trang Web. Thҿ nҫy dành riêng cho Internet Explorer.

 #>&  

53)   '!/ !)Canh hàng văn bҧn so vӟi khung chӭa văn bҧn đó.

%c25"3)&  )ChӍ đӏnh kiӇu chҥy chӳ.

 *"C!P&  DDóng chӳ chҥy theo mӝt hưӟng nhҩt đӏnh và lұp đi lұp lҥi quá trình đó.

 5Chӟp, tҳt.

  Dòng chӳ chҥy đәi hưӟng khi đөng đưӟng biên cӫa khung bao văn bҧn.

 <MARQUEE BEHAVIOR=ALTERNATE> Marquee will "bounce" across the


screen</MARQUEE>

%*""3)//Q&#!)ChӍ đӏnh màu nӅn cho khung chӭa văn bҧn.

  <MARQUEE BGCOLOR="#F0F8FF">Nice Background colour!<MARQUEE>

5* 5"3)  )ChӍ đӏnh hưӟng chҥy cӫa dòng văn bҧn. Mұc đӏnh là tӯ phҧi qua trái.

c5c 3)$#$#K)ChӍ đӏnh đӝ cao cӫa khung bao văn bҧn. Tính bҵng pixels
(HEIGHT=n) hay tӹ lӋ so vӟi cӱa sә (HEIGHT=n%).
65 c3)$#Q$#K)ChӍ đӏnh đӝ rӝng.

c
*3)$#)2
*3)$#)ChӍ đӏnh khoҧng trӕng giӱa <MARQUEE> đӃn Text bao
quanh.

""
3)$#- )""
3 ChӍ đӏnh sӕ vòng lұp lҥi.NӃu3- hay""
3555 là
lұp lҥi liên tөc.

 *""4 3)$#)ChӍ đӏnh khoҧng cách tính bҵng pixels giӱa các đoҥn text cuӝn.

 *"O3)$#)ChӍ đӏnh khoҧng thӡi gian giӱa các đoҥn text cuӝn. Có tác dөng điӅu
khiӇn thӡi gian.

 <MARQUEE SCROLLDELAY=1 SCROLLAMOUNT=75>I'm fast</MARQUEE>

* RSBҥn có thӇ xác lұp font cho marquee  

<FONT FACE="Comic Sans MS"><MARQUEE>Hello</MARQUEE>

Ô ("!

Dùng tҥo nhӳng dòng văn bҧn có đưӧc sҳp xӃp theo kiӇu liӋt kê. Thưӡng dùng chung vӟi <LI>
(list item):

 

<MENU>
<LI>First item in the list.
<LI>Second item in the list.
<LI>Third item in the list.
</MENU>

 (!$

Tҥo nhiӅu cӝt đӇ hiӇn thӏ trong trang Web.

 #>&  

*" 3)$#)ChӍ đӏnh sӕ lưӧng cӝt.

4 3)$#)ChӍ đӏnh khoҧngphân cách cӝt tính bҵng pixel.

65 c3)$#)ChӍ đӏnh đӝ rӝng cӝt tính bҵng pixel hay % cӱa sә.

 

Tҥo 3 cӝt, cách nhau 25 pixels.

<MULTICOL COLS="3" GUTTER="25">


<P>Hello and Welcome to the HTML Reference Library. To those of you familiar with the previous
incarnation of this project (The HTML Reference Library - HTMLib in Windows .HLP format) the content
and working of these pages will probably be obvious. <P>To those of you new to the world of the HTML
Reference Library, a little introduction :
</MULTICOL>

  7 89 < :

c  and W  t th cTML cTMLib in Windw cLP at) wd  th cTML R
R   n Liba T th  
th nt nt and w ing  th Liba, a itt intd

aiia with th p i
pag wi pbab b b i

inanatin  thi p t (Th
cTML R   n Liba - T th  
n w t th

 "*(

Dùng đӇ hiӇn thӏ dòng văn bҧn trong trưӡng hӧp trình Browse không hiӇu Frame. Mӝt trình
Browse không hiӇu Frame sӁ bӓ qua nӝi dung nҵm trong 6   và 6, nhưng sӁ hiӇn
thӏ nӝi dung giӱa 6"  và6" .

 "$

Dùng đӇ hiӇn thӏ dòng văn bҧn trong trưӡng hӧp trình Browse không hiӇu Script hay khi chӭc
năng nҫy bӏ ngưӡi dùng cho vô hiӋu lӵc.

 

<HTML>
<HEAD>
<TITLE>Welcome to the HTMLib world of JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Nӝi dung Script nҵm trong phҫn nҫy // -->
</SCRIPT>
</HEAD>
<BODY>
<NOSCRIPT>
Sorry, you need a JavaScript capable browser to get the best from this page
</NOSCRIPT>
</BODY>
</HTML>

Trình Browse không hiӇu Script sӁ hiӇn thӏ dòng chӱ "  #$ &' &'/
/   / ! '".

 

Sҳp xӃp văn bҧn theo kiӇu danh sách. Thưӡng đi chung vӟi 65C  !D.

 

<OL>
<LI>Click on the desired file to download.
<LI>In the presented dialog box, enter a name to save the file with.
<LI>Click 'OK' to download the file to your local drive.
</OL>
 #>&  

 O


ChӍ đӏnh cách đһt ký hiӋu đҫu dòng:

(TYPE=A) - Chӳ hoa. Thí dө: A, B, C ...

(TYPE=a) - Chӳ thưӡng. Thí dө: a, b, c ...

(TYPE=I) - Sӕ La Mã hoa. Thí dө: I, II, III ...

(TYPE=i) - Sӕ La Mã thưӡng. Thí dө: i, ii, iii ...

(TYPE=1) - Sӕ á Rұp (mһc đӏnh). Thí dө: 1, 2, 3 ...

  

Khai báo sӕ dùng làm mһc đӏnh và sӁ đưӧc chuyӇn đәi qua TYPE trưӟc khi hiӇn thӏ.

 START=5 sӁ đưӧc hiӇn thӏ là 'E', 'e', 'V', 'v', hay '5' theo TYPE.

 

<OL TYPE=a START=3>


<LI>Click on the desired file to download.
<LI>In the presented dialog box, enter a name to save the file with.
<LI>Click 'OK' to download the file to your local drive.
</OL>

Danh sách có ký hiӋu đҫu dòng là chӱ thưӡng, bҳt đҫu tӯ 'c'.

 

Đӏnh dҥng cho 1 paragraph.

 

<H1>The Paragraph element</H1>


<P>The paragraph element is used to denote paragraph blocks</P>
<P>This would be the second paragraph.</P>

 #>&  

53 &  

 

<P ALIGN=LEFT> ... </P> Có nghĩa: Tҩt cҧ text trong paragraph nҫy sӁ đưӧc canh vӅ bên trái lӅ
trang. Đây cũng là mһc đӏnh.
<P ALIGN=CENTER> ... </P> Canh giӳa

<P ALIGN=RIGHT> ... </P> Canh phҧi

 $& /0

Làm dҩu gҥch ngang giӱa text.

  This text would be <STRIKE>struck through</STRIKE>

 9 7 8<This text would be struck through

 (

Làm chӱ nhӓ lҥi so vӟi cӣ chuҭn.

 : This is normal text, with <SMALL>this bit</SMALL> being small text.

 9 < : This is normal text, with this bit being small text.

# 

Chèn 1 khoҧng trҳng tính bҵng pixel vào đoҥn text.

 #>&  :

 O
3) T $ &/&
)cT  Chèn khoҧng trҳng theo chiӅu
ngang. 2 & Theo chiӅu dӑc.%&
Bao chung quanh giӕng như hình.

 5G3)$#)

Khi 6
* O
3) T ) hay 6
* O
3)$ &) giá trӏ 5G tính
bҵng '(. Không có giá trӏ khi 6
* O
3)/&
).

65 c3)$#)ChӍ đӏnh đӝ rӝng cho khoҧng trҳng khi 6


* O
3)/&
).

c5c 3)$#)ChӍ đӏnh chiӅu cao khi 6


* O
3)/&
).

53)! )So lӅ cho khoҧng trҳng khi 6


* O
3)/&
).

 <P>Hello and Welcome<SPACER TYPE="horizontal" SIZE="25">to the HTML Reference


Library.

% "

Làm đұm text.

 : The instructions <STRONG>must be read</STRONG> before continuing.

 9 < : The instructions !# / before continuing.


Ô 

Thҿ nҫy phҧi nҵm trong phҫn 6c. Dùng quy đӏnh dҥng biӇu mҭu chung khi hiӇn thӏ, giúp
ngưӡi soҥn thҧo đӣ mҩt công lұp đi lұp lҥi cùng 1 quy đӏnh.

 

<HTML>
<HEAD>
<TITLE>Introduction to Style Sheets</TITLE>
<STYLE TYPE="text/css" TITLE="Bright Colours">
BODY { color : white}
P { color : blue;
font-size : 12pt;
font-family : Arial}
H1 { color : red;
font-size : 18pt}
</STYLE>
</HEAD>
<BODY>
...

 !

Tӭc là #/&' .

 : This is the main text, with <SUB>this bit</SUB> being subscript.

 !

Tӭc là #'&' .

 This is the main text, with <SUP>this bit</SUP> being superscript.

 

Tҥo bҧng trong trang Web.

 #>&  

%"3)$#)ĐiӅu khiӇn viӋc hiӇn thӏ và kích thưӟc đưӡng viӅn. NӃu giá trӏ =0 là không có
viӅn.

*
*53)$#)ChӍ đӏnh khoҧng cách giӱa các ô. Giá trӏ mһc đӏnh là 2.

*
53)$#)ChӍ đӏnh khoҧng trҳng giӱa đưӡng viӅn và ô. Giá trӏ mһc đӏnh là 1

65 c3)$#'& )ChӍ đӏnh đӝ rӝng bҧng tính theo pixels, hay % cӫa cӱa sә hiӇn thӏ.

c5c 3)$#'& )ChӍ đӏnh đӝ cao bҧng.


53)  )Canh lӅ trái, phҧi.

253) '/ !)Canh lӅ trên, dưӟi.

%*""3)//Q&#!)ChӍ đӏnh màu nӅn cho bҧng.

%"*""3)//Q&#!)ChӍ đӏnh màu cho đưӡng viӅn cӫa bҧng.

%"*""5c 3)//Q&#!)ChӍ đӏnh màu cho phҫn đưӧc chiӃu sáng cӫa
đưӡng viӅn.

%"*""3)//Q&#!)ChӍ đӏnh màu cho phҫn bӏ tӕi cӫa đưӡng viӅn.

%*"43)4!)ChӍ đӏnh file hình ҧnh dùng làm nӅn cho bҧng.

Đòi hӓi thuӝc tính BORDER phҧi đưӧc hiӋu lӵc khi sӱ dөng thuӝc tính nҫy. Có các giá
trӏ sau:

  Gӣ bӓ tҩt  iӅn ngi


  ChӍ hiӇn thӏ đưӟng iӅn phiá tn bng
  ChӍ hiӇn thӏ đưӟng iӅn phiá dưӟi bng


ciӇn thӏ á đưӡng iӅn ngang tng bng, Ӈ  đưӟng tn  dưӟi bng

ChӍ hiӇn thӏ đưӡng iӅn bn tái

ChӍ hiӇn thӏ đưӡng iӅn bn phi


ciӇn thӏ á đưӡng iӅn đӭng tng bng, Ӈ  đưӟng tái  phi bng
  ChӍ hiӇn thӏ đưӡng iӅn ba h
ng q
anh bng

 

Đӏnh dҥng cho dӳ liӋu trong bҧng ( / ). ChӍ đӏnh nҫy có giá trӏ cho ô dӱ liӋu.

 #>&  

53) &  ) 253) '!/ !/)Canh lӅ cho Text trong ô


(so vӟi ô).

65 c3)$#  '& )c5c 3)$#  '& )ChӍ đӏnh kích thưӟc cho ô. Bҥn chӍ
cҫn xác lұp cho 1 ô chuҭn theo hàng hay cӝt, các ô khác sӁ giӕng như vұy.

*"
3)$#)Mӣ rӝng ô theo cӝt. Giá trӏ mһc nhiên là 1.

"6
3)$#)Mӣ rӝng ô theo hàng.

%*""3)//Q&#!)%"*""3)//Q&#!)
%"*""5c 3)//Q&#!)%"*""3)//Q&#!)
%*"43)4!)

ChӍ đӏnh màu cho nӅn ô, đưӡng viӅn ô, hình nӅn ô. Cách xác lұp giӕng như bҧng.
 

Xác lұp cho hàng ( /).

Thuӝc tính và cách xác lұp giӕng như ô và bҧng.

 $

Dùng đһt tiêu đӅ cho tài liӋu HTML. Tiêu đӅ nҫy không hiӇn thӏ trong phҫn nӝi dung tranh Web,
mà sӁ đưӧc hiӇn thӏ trong thanh tiêu đӅ cӫa trình Browse, trong danh sách lưu trӱ hay tìm kiӃm.

Thҿ nҫy phҧi nҵm trong phҫn <HEAD>

<HEAD>
<TITLE>Welcome to the HTML Reference</TITLE>
</HEAD>

 !

Gҥch dưӟi dòng văn bҧn.

 The <U>main point</U> of the exercise...

12134

You might also like