HTML编程技术
1 HTML:
HTML是一种Web,是用于Web文档的格式language
2 标记:
<HTML>和</HTML>
<HEAD>和</HEAD>
3属性:
<HTML><BODY>
<FONT SIZE="5"COLOR="red">
Helloworld!
</FONT>
</BODY></HTML>
4表单
<HTML><BODY>
<TABLE BORDER="4"BORDERCOLOR="ORANGE">
<TR BGCOLOR="ORANGE"ALIGN="MIDDLE">
<TD><FONTCOLOR="WHITE"><B>number </B></FONT></TD>
<TD><FONTCOLOR="WHITE"><B>university</B></FONT></TD>
<TD><FONTCOLOR="WHITE"><B>teacher</B></FONT></TD>
<TD><FONTCOLOR="WHITE"><B>student</B></FONT></TD>
<TD><FONTCOLOR="WHITE"><B>fundment</B></FONT></TD>
</TR>
<TR ALIGN="MIDDLE">
<TD>1</TD><TD>TSinghua</TD><TD>100</TD><TD>100</TD><TD>100</TD>
</TR>
<TR ALIGN="MIDDLE">
<TD>2</TD><TD>Peking</TD><TD>100</TD><TD>100</TD><TD>97</TD>
</TR>
</TABLE>
</BODY></HTML>
5 标记:
1)字体标记:
<FONT FACE=“字体”SIZE=“字号”COLOR=“??”>
xx</FONT>
2)图片标记:
<IMG SRC=“xx.jpg” WIDTH=“200” HEIGHT=“100” BORDER=“10”>
6 表单:
案例名称: 表单的基本使用方法
程序名称:2-10.htm
<HTML><BODY>
<FORMMETHOD="Post" ACTION="do_submit.htm" >
用户名: <INPUT TYPE="Text" NAME="UserID"><BR>
密码: <INPUT TYPE="Password"NAME="UserPWD"><BR><BR>
<INPUT TYPE="Submit" VALUE="提交" NAME="B1">
<INPUT TYPE="Reset" VALUE="?写" NAME="B2">
</FORM>
</BODY></HTML>
7 CSS
1)HEAD内引用
<HTML>
<HEAD>
<STYLETYPE="TEXT/CSS">
H1 {COLOR:GREEN;FONT-SIZE:37PX;}
P {BACKGROUND:YELLOW;}
</STYLE>
</HEAD>
<BODY>
<H1>北京大学,清华大学</H1>
<P>南京大学,复旦大学</P>
</BODY>
</HTML>
2) BODY内引用
<HTML><BODY>
<H1STYLE="COLOR:GREEN;FONT-SIZE:37PX;">
北京大学,清华大学</H1>
<P STYLE="BACKGROUND:YELLOW;">南京大学,复旦大学</P>
</BODY></HTML>
3) 文件外引用
mystyle.css
H1{COLOR:GREEN;FONT-SIZE:37PX;}
P{BACKGROUND:YELLOW;}
4)文件外导入
<HTML> <HEAD>
<STYLETYPE="TEXT/CSS">
@IMPORT URL(MYSTYLE.CSS);
</STYLE>
<BODY>
<H1>北京大学,清华大学</H1>
<P>南京大学,复旦大学</P>
</BODY></HTML>
5)CSS与标记对应的三种方式
标记选择符:
任何HTML元素都可以是一个CSS的选择符。上面所有的样式表都是采用标记选择符引入的。例如:P { BACKGROUND:YELLOW;},这里用的标记选择符是P。
ID选择符
8图片:
<HTML>
<BODY>
<IMGSRC="myimage.jpg" WIDTH="200" HEIGHT="100"BORDER="10">
</BODY>
</HTML>