Professional Documents
Culture Documents
URL
19.1
(HTML)
1991 TimBerners-Lee
HTML
19.1
(HTML)
19.1
(HTML)
HTML
XML
XHTML
MathML
DHTML
19.1
(HTML)
19.1
(HTML)
HTML
.htm .html
Windows
HTML
Adobe Dreamweaver
19.1
HTML
HTML
<>
19.1
HTML
HTML
<B></B>
<I></I>
19.1
HTML
HTML
<b> <B>
19.1
HTML
HTML
19.1
HTML
<HTML></HTML>
19.1
HTML
<HEAD></HEAD>
<HEAD> </HEAD>
<TITLE> </TITLE>
19.1
HTML
<BODY></BODY>
<BODY> </BODY>
HTML
19.1
HTML
<HEAD><TITLE></TITLE></HEAD>
<HEAD><TITLE></HEAD></TITLE>
19.1
HTML
<HEAD><TITLE></TITLE></HEAD>
<HEAD><TITLE></HEAD></TITLE>
19.2 HTML
19.2 HTML
<H1></H1>
<H6></H6>
19.2 HTML
HTML
<HTML>
<BODY>
<H1>This
<H2>This
<H3>This
<H4>This
<H5>This
<H6>This
</BODY>
</HTML>
is
is
is
is
is
is
Heading
Heading
Heading
Heading
Heading
Heading
1.</H1>
2.</H2>
3.</H3>
4.</H4>
5.</H5>
6.</H6>
19.2 HTML
<P></P>
<BR>
<PRE></PRE>
19.2 HTML
</P>
19.2 HTML
HTML
<HTML>
<BODY>
<P>The first paragraph.
Still the first paragraph.</P>
<P>The second paragraph.</P>
</BODY>
</HTML>
19.2 HTML
HTML
<HTML>
<BODY>
The first line.<BR>
The second line.<BR>
The third line.
</BODY>
</HTML>
19.2 HTML
Enter
19.2 HTML
HTML
<HTML>
<BODY>
<PRE>
I love
This
</PRE>
</BODY>
</HTML>
Hong Kong!
is my
home!
19.2 HTML
<CENTER>...</CENTER>
HTML
<HTML>
<BODY>
<CENTER>
This is the centre of
this line.
</CENTER>
</BODY>
</HTML>
19.2 HTML
HTML
<HTML>
<BODY>
<HR>
In between two
horizontal rules
<HR>
</BODY>
</HTML>
19.2 HTML
19.2 HTML
HTML
<HTML>
<BODY>
<!--This line of comment
is not displayed.-->
The above line is not
displayed.
</BODY>
</HTML>
19.2 HTML
HTML
HTML
<B></B>
<I></I>
<U></U>
<SUP></SUP>
<SUB></SUB>
HTML
19.2 HTML
HTML
<HTML>
<BODY>
<P>This is <B>bold</B>.
<P>This is <I>italic</I>.
<P>This is <U>underline</U>.
<P>This is
<SUP>superscript</SUP>.
<P>This is
<SUB>subscript</SUB>.
</BODY>
</HTML>
19.2 HTML
HTML
<HTML>
<BODY>
<P>This is <B><I>bold and
italic</I></B>.
<P>This is <I><U>italic and
underline</U></I>.
</BODY>
</HTML>
19.2 HTML
<FONT></FONT>
19.2 HTML
19.2 HTML
<FONT>
size
face
color
19.2 HTML
<FONT> size
1 7
19.2 HTML
HTML
<HTML>
<BODY>
<P>Font size: default
<P><FONT size="1">Font
<P><FONT size="2">Font
<P><FONT size="3">Font
<P><FONT size="4">Font
<P><FONT size="5">Font
<P><FONT size="6">Font
<P><FONT size="7">Font
</BODY>
</HTML>
<FONT size>
size:
size:
size:
size:
size:
size:
size:
1</FONT>
2</FONT>
3</FONT>
4</FONT>
5</FONT>
6</FONT>
7</FONT>
19.2 HTML
<FONT> face
HTML
<HTML>
<BODY>
<P><FONT face="Times">
This is in Times.</FONT>
<P><FONT face="Arial">
This is in Arial.</FONT>
<P><FONT face="Courier">
This is in Courier.</FONT>
</BODY>
</HTML>
<FONT face>
19.2 HTML
<FONT> color
19.2 HTML
HTML
<HTML>
<BODY>
<P><FONT color="green">
This is green in
colour.</FONT>
<P><FONT color="#008000">
This is also green in
colour.</FONT>
</BODY>
</HTML>
<FONT color>
19.2 HTML
19.2 HTML
"left"
"right"
"center"
align
<P>...</P>
<HR>
19.2 HTML
HTML
<HTML>
<BODY>
<P align="left">
This line of text is left-aligned.
<P align="center">
This line of text is centre-aligned.
<P align="right">
This line of text is right-aligned.
</BODY>
</HTML>
19.2 HTML
HTML
19.2 HTML
<OL>...</OL>
<LI>...</LI>
HTML
<HTML>
<BODY>
<OL>
<LI>Heading Tags</LI>
<LI>Paragraphing Tags</LI>
<LI>Centre Tags</LI>
<LI>Horizontal Rule Tag</LI>
<LI>Comment Tags</LI>
</OL>
</BODY>
</HTML>
19.2 HTML
<UL>...</UL>
<LI>...</LI>
HTML
<HTML>
<BODY>
<UL>
<LI>Heading Tags</LI>
<LI>Paragraphing Tags</LI>
<LI>Centre Tags</LI>
<LI>Horizontal Rule Tag</LI>
<LI>Comment Tags</LI>
</UL>
</BODY>
</HTML>
19.2 HTML
19.2 HTML
<TABLE></TABLE>
<TR></TR>
<TH></TH>
<TD></TD>
19.2 HTML
HTML
<HTML>
<BODY>
<TABLE border=1>
<TR><TH>Class</TH><TH>Location</TH></TR>
<TR><TD>5A</TD><TD>Room 501</TD></TR>
<TR><TD>5B</TD><TD>MMLC</TD></TR>
<TR><TD>5C</TD><TD>Computer Room</TD></TR>
</TABLE>
</BODY>
</HTML>
19.2 HTML
HTML
border
19.2 HTML
<BODY> background
<BODY background>
<BODY background="cirlce.jpg">
circle.jpg
19.2 HTML
19.2 HTML
<IMG>
src
HTML
<HTML>
<BODY>
<IMG src ="beach.jpg">
</BODY>
</HTML>
19.2 HTML
19.2 HTML
<A>...</A>
href
19.2 HTML
href
19.2 HTML
HTML
<HTML>
<BODY>
<A href="http://www.ilongman.com">
Longman Web Site</A><BR>
<A href="tabletags.html">
19.2.10 Table Tags</A><BR>
<A href="logo.jpg">Logo</A><BR>
<A href="school report.doc">
School Report</A><BR>
</BODY>
</HTML>
19.2 HTML
name
<A name="example2">
href
<A href="#example2">
19.2 HTML
HTML
<HTML>
<BODY>
<A href="#example1">Example 1</A>
<BR>
<A href="#example2">Example 2</A>
<BR><BR><BR>
<A name="example1"></A>
<B><U>EXAMPLE 1</U></B><BR>
This is example 1.<BR><BR><BR>
<A name="example2"></A>
<B><U>EXAMPLE 2</U></B><BR>
This is example 2.<BR><BR><BR>
</BODY>
</HTML>
19.2 HTML
<A> </A>
<IMG src>
<A> </A>
19.2 HTML
HTML
<A href="Example7.doc">
<IMG src="ex7.jpg"></A>
19.2 HTML
19.2 HTML
<FRAMESET>...</FRAMESET>
cols rows
cols rows
<FRAME>
src
19.2 HTML
HTML
<HTML>
<FRAMESET cols="300, 500">
<FRAME src="frame1.html">
<FRAME src="frame2.html">
</FRAMESET>
</HTML>
<HTML>
<FRAMESET rows="300, 500">
<FRAME src="frame1.html">
<FRAME src="frame2.html">
</FRAMESET>
</HTML>
19.2 HTML
HTML
<HTML>
<FRAMESET cols="350, 25%, 350">
<FRAME src="frame1.html">
<FRAME src="frame2.html">
<FRAME src="frame3.html">
</FRAMESET>
</HTML>
19.2 HTML
HTML
<HTML>
<FRAMESET cols="30%, 70%">
<FRAMESET rows="350, *">
<FRAME src="frame1.html">
<FRAME src="frame2.html">
</FRAMESET>
<FRAME src="frame3.html">
</FRAMESET>
</HTML>
19.2 HTML
19.2 HTML
19.3
RGB
RGB
19.3
00 FF
0 255
19.3
RGB
#FF0000
#FFFF00
#00FF00
#0000FF
#000000
#FFFFFF
RGB
19.3
RGB
#FF0000
#FFFF00
#00FF00
#0000FF
#000000
#FFFFFF
RGB