Download - 网 页 设 计 与 制 作
Transcript
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>
*
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>
*
