网 页 设 计 与 制 作. 第5章 网页设计的 编程语言. 1. 2. 3. HTML 语言. 层叠样式表. 脚本语言 JavaScript 及编 程. 第一节. HTML. 1. 2. 3. 4. HTML 的由来. HTML 的基本结构. HTML 的语法. HTML 的常用标识. 内容. 5.1.1 HTML 语言的由来. - PowerPoint PPT Presentation
PowerPoint Template
5.1.2 HTML
<HTML>
<HEAD>
</BODY>
</HTML>
</HEAD>
<BODY>
<OL><LI><FONT face=""></FONT>
<LI><FONT face=""></FONT>
</OL>
<FONT size="5"></FONT><BR>
<A href="http://www.yueyang.gov.cn"></A>
</BODY>
</HTML>
HTML(Standard Generalized Markup LanguageSGML)(Opening Tag)(Ending
Tag)<x></x>
x<x></x><x>(ON)</x>(/)(OFF)<i></i>
(Attribute)<x a1="v1",a2="v2",...,an="vn"></x>
(Tags)(Attributes)HTML
*
(<BR><LI><H2>)HTML(<TITLE>)(<BODY>)<H1><H2><B><I><P><UL>(<OL>)
<A><IMG><EMBED>HTML“”“”
5.1.3 HTML
<FONT SIZE="3" COLOR="#FF0000"></FONT>
(Value)<FONT>SIZE1717
3<H3><I><B>
<H3><I><B></B></I></H3>
•
•
HTML&(“ ”) (<)(>)
•
•
(2) <HEAD></HEAD>
(3) <TITLE></TITLE> HTML<TITLE>
(4) <BODY></BODY> Web
(5) <META> <META><HEAD>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">
(6) <BASE href=“URL”> Base<BASE><HEAD><BASE
href=“http://www.999.com”>File1.htm<BODY><A
href=“File1.htm”>…</A>“File1.htm”
5.1.4 HTML
(1) <Hn> (n=16), <H1><H6>
<HTML>
<HEAD>
<HTML>
<HEAD>
</BODY>
</HTML>
<P>…</P> <P> ALIGN HTML
ALIGN
<HTML>
<HEAD>
(6) :
<BR>
<BR>
<BR>
<BR>
<HTML>
<HEAD>
<H3><FONT SIZE = 3 COLOR = BLUE FACE = Times New
Roman>
HTML </FONT></H3>
<P> <FONT COLOR = BLUE SIZE = 6></FONT>
</BODY>
</HTML>
<HTML>
<HEAD>
5.1.4 HTML
<TR> <TABLE> </TABLE><TD>
<TR></TR> )
<HTML>
<HEAD>
</TR>
<TR>
<TD></TD>
<TD>2500</TD>
<TD>1000</TD>
<TD>1240</TD>
<TR BORDERCOLOR = "blue">
<TD>Michael Jordan</TD>
<TD>Bruce Lee</TD>
<TD>Kobe Bryant</TD>
<TD>Jackie Chan</TD>
5.1.4 HTML
<TABLE> WIDTH 50% 50% BGCOLOR
ALIGN VALIGN
<TR>
<SELECT></SELECT>
<TEXTAREA></TEXTAREA>
<B><H2 align=“left”>2004 </H2></B>
<P><B>“”</B></P>
<P>
<INPUT TYPE="RADIO" NAME="RESULT_RadioButton-3"
VALUE="Radio-1"> Beckham
VALUE="Radio-2"> Zidane
<P>
VALUE="CheckBox-0">
VALUE="CheckBox-1">
VALUE="CheckBox-2">
<P>
</P>
<P>
</FORM>
</BODY>
</HTML>
A(http://www.w3c.org)
H2{color:limegreen;}
H1
3.
<HR WIDTH="75%" SIZE=5 ALIGN=center>WIDTH="50%"HTML
:
CSS
color
Background-color
Background-image
Font-family
Font-size
Font-style
,
<H3> H3 </H3>
</BODY>
</HTML>
<H3>H1H2</H3>
<HTML>
<HEAD>
</BODY>
</HTML>
-->
:
code.html { color: #191970 }
code.css { color: #4b0082 }
</BODY>
</HTML>
<H5> H5 </H5>
<P CLASS=BLUE> BLUE </P>
<P> BLUE </P>
</BODY>
</HTML>
5.2.2
ID : ID HTML ID ID ID"#"
<HTML>
<HEAD>
<BR>
<STYLE TYPE="text/css">
<EM CLASS=forest></EM><BR>
<EM CLASS=danger></EM>
<UL>
</BODY>
</HTML>
1“”CSSCSS
2Frontpage 2003
Frontpage 2003
1
2
<A href=“ http://www.tsinghua.edu.cn ”
style=text-decoration:none></A>
2.CSS
.ct2{font:12pt/13pt “_GB2312”}
.ct3{font:20pt/20pt “”}
.ct4{font:16pt/22pt;font-family: “”}
</HEAD>
<BODY>
*
