风杀 下载:编写Html网页文件(一)
来源:百度文库 编辑:九乡新闻网 时间:2024/05/06 18:27:42
编写Html网页文件(一)
实训二:编写Html网页文件(一)
实训目的:
1、 通过编写Html代码来理解网页最基本的组成,提高对网页、网站的认识;
2、 通过编写Html代码,记住一些常用的标签及属性的设置,并掌握html编写规则;
3、 利用Html标记来制作静态网页,方便今后更深入学习动态网站的制作;
4、 学会阅读网页源代码,学习、模仿优秀网站的制作方法和技巧。
实训要求:禁止直接复制代码!!!
实训内容及步骤:
1、 打开记事本,编写网页最基本的架构:
创建一个文件夹并以index.htm,或index.html,或default.htm,或default.html保存。
2、 网页头部文件经常使用的两个标签:
(1)
(2),meta标签有两个属性,一个是name,一个是http-equiv。利用name=”keywords”定义网页的搜索关键字,用name=”description”来定义网页的主要内容;利用http-equiv来设置网页使用的文字及语言;
3、 设置body标签:网页的背景颜色bgcolor、背景图片background,用leftmargin,rightmargin,leftmargin,rightmargin设置网页上下左右的留白部分的大小,用text设置网页文字的颜色。
4、 网页中文字的排版与设计:标题、换行、段落、水平线、文字的大小、字体的设置、文字的颜色、水平对齐方式(align)、位置控制、颜色设置等,这部分内容多参考教材的例子。
5、设置网页中文字或图片的字幕的属性:
bgcolor 背景颜色
direction 字幕滚动方向(down/up/left/right)
height 字幕高度
width 字幕宽度
scrolldelay设定字幕滚动两次间的延迟时间,单位(毫秒)
scrollamout 每次移动的距离,单位(象素每毫秒)
loop 循环次数(默认为-1)
支持鼠标活动:
onMouseOver="this.stop()"
实训二:编写Html网页文件(二)
实训目的:
1. 过编写Html代码来理解网页最基本的组成,提高对网页、网站的认识;
2. 通过编写Html代码,记住一些常用的标签及属性的设置,并掌握html编写规则;
3. 利用Html标记来制作静态网页,方便今后更深入学习动态网站的制作;
4. 学会阅读网页源代码,学习、模仿优秀网站的制作方法和技巧。
实训内容及步骤:
1、 用
再设置表格长宽、背景色、边框颜色、单元格填充、单元格间的间距、对齐方式,多行多列的设置。
2、 技巧学习:利用两个表格的嵌套制作细线表格:
3、 制作文字、图片、邮件超链接:
4、 在网页中插入图片、音频文件、视频文件:
实训二:编写Html网页文件(三)
实训目的:
1. 过编写Html代码来理解网页最基本的组成,提高对网页、网站的认识;
2. 通过编写Html代码,记住一些常用的标签及属性的设置,并掌握html编写规则;
3. 利用Html标记来制作静态网页,方便今后更深入学习动态网站的制作;
4. 学会阅读网页源代码,学习、模仿优秀网站的制作方法和技巧。
实训内容及步骤:
1、 利用框架制作网页:
2、 表单的制作: