预览加载中，请您耐心等待几秒...

HTML网页制作.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共77页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

目标HTML简介HTML文档示例编辑器和浏览器编辑器2-2HTML文档结构HTML标签2-2META标签2-1META标签2-2HTML基本元素标题段落标签换行符<Pre>标签字符格式化标签列表简介列表类型：无序列表列表类型：有序列表使用水平线使用字体和属性插入图像2-1插入图像2-2插入特殊字符2-1插入特殊字符2-2创建超级链接绝对和相对路径名链接到同一文档的某个部分2-1链接到同一文档的各个部分2-2链接到其他文档的特定位置电子邮件链接总结2-1总结2-2表格<HTML> <HEAD> <TITLE>使用表格</TITLE> </HEAD> <BODY> <TABLEBORDER=2> <TR> <TD>姓名</TD> <TD>性别</TD> <TD>分数</TD> </TR> <TR> <TD>Robert</TD> <TD>M</TD> <TD>80</TD> </TR> ....... </TABLE> </BODY> </HTML><BODY> <TABLEBORDER=2> <CAPTIONalign=top>学员档案信息</CAPTION> <TR> <TH>姓名</TH> <TH>性别</TH> <TH>分数</TH> </TR> <TR> <TD>Robert</TD> <TD>M</TD> <TD>80</TD> </TR> ....... </TABLE> </BODY> </HTML><BODY> <TABLEborder=2align=center> <CAPTIONalign=top>学员档案信息</CAPTION> <TR> <TH>姓名</TH> <THalign="center">性别</TH> <THalign="right">分数</TH> </TR> <TR> <TD>Robert</TD> <TDalign="center">M</TD> <TDalign="right">80</TD> </TR> ....... </TABLE> </BODY> </HTML>合并单元格(跨列)合并单元格(跨行)<BODY> <TABLEborder=0align=centerwidth=50%> <CAPTIONalign=top>学员档案信息</CAPTION> <TRbgcolor="#00FFFF"> <THalign="left">姓名</TH> <THalign="center">性别</TH> <THalign="right">分数</TH> </TR> <TRbgcolor="#FFFF00"> <TD>Robert</TD> <TDalign="center">M</TD> <TDalign="right">80</TD> </TR> <TRbgcolor="#FFFF00"> <TD>Mary</TD> <TDalign="center">F</TD> <TDalign="right">18</TD> </TR> </TABLE>表单输入元素-7表单表单输入元素-1表单输入元素-2表单输入元素-3表单输入元素-4HTML输入元素-5表单输入元素-6表单输入元素-7框架为何使用框架总结4-1总结4-2总结4-3总结4-4DHTML简介DHTML的功能DHTML示例<HTML> <HEAD> <TITLE>设置属性</TITLE> </HEAD> <BODY> <Pstyle="color:red;font-size:30px;font-family:隶书;"> 这个段落应用了样式 <P>这个段落按默认样式显示 </BODY> </HTML>常用的样式属性根据样式代码的位置，分为三类： 行内样式 内嵌样式 外部样式 行内样式<HTML> <HEAD> <TITLE>应用样式</TITLE> <STYLETYPE="text/css"> P { font-size:20px; color:blue; text-align:center } </STYLE> </HEAD> <BODY> <P>我是段落1</P> <P>我是段落2</P> <P>我是段落3</P> <P>我们的样式绝对统一</P> </BODY> </HTML>内嵌样式-2选择器/*--关键代码--*/ <HEAD> <STYLEtype="text/css"> P{/*设置样式：字体和背景色*/ font-family:System; font-size:18px; color:#3333CC; } H2{ background-color:#CCFF33; text-align:center; } </STYLE> </HEAD> <BODY> <H2>品种特征方面：</H2> <P>1、蛋鱼：