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