《实训2：使用html语言制作网页(上)》由会员分享，可在线阅读，更多相关《实训2：使用html语言制作网页(上)（17页珍藏版）》请在金锄头文库上搜索。
1、实训2：使用HTML语言制作网页 （上）,一、实验目的,1、了解HTML及其显示原理 2、熟悉HTML的基本语法和文档结构 3、掌握HTML中常用的标签的作用及其主要属性的设置方法 4、会使用HTML制作简单的网页,二、实验内容,使用文本编辑工具例如记事本，完成网页HTML代码的编写，保存并在浏览器中查看效果的制作。 HTML文档结构的熟悉 常用的标签的作用、熟悉的设置。包括：文字修饰标签,网页标题：唐诗欣赏 网页背景色：黄色,对齐方式：居中 字体：黑体 字号：7 颜色：红色,对齐方式：居中 字体：宋体 字号：5,对齐方式：居中 字体：楷体_GB2312 字号：5 效果：加粗，中间空行,对齐方
2、式：居中 字体：隶书 字号：5 颜色：绿色 效果：加粗，不空行,对齐方式：居中 宽度：100% 高度：2 颜色：红色,全部采用默认值,三、知识点分解,1、HTML文档的结构的熟悉：网页标题,三、知识点分解,2、文档标题标签 位于HTML文档的头部，也就是位于标签和之间，用来指明文档的标题，这个标题将显示在浏览器的标题栏中。 基本语法：包含文档的标题,三、知识点分解,3、主体标签 需要在浏览器中显示的信息，包括所有页面上要显示的文本、图像、声音、视频和动画等内容，都是置于一对主体标签和之间。 基本语法：包含页面中的所有内容,标签也有很多自身的属性。,三、知识点分解,4、段落标签 段落就是带有硬回
3、车的文字组合，在文档窗口中，每输入一段文字，按下Enter键后，就自动生成一个段落。 在HTML语言中，用专门的标签表示段落。标记后面的文字跟前面的相隔一个空行。 段落标签常用的一个属性是align属性，它能设置段落相对于文档窗口（或浏览器窗口）在水平位置的对齐方式。Align属性常用有三个取值，分别是left（左对齐）、center（居中）和right（右对齐）。,三、知识点分解,5、换行标签换行标签是一个独立标签，它可以实现文字的紧凑换行显示。 两次使用的效果跟使用一次段落标签的效果差不多。,三、知识点分解,6、水平线标签 水平线标签是，一般独立使用。 在HTML页面中，经常用到水平线，合
4、理的使用水平线，可以使一个内容繁杂的网页文档变得层次分明，便于阅读。 它有宽度（width）、对齐方式（align）、高度（size）和颜色（color）等几个属性。,三、知识点分解,7、文字格式控制标签文字格式控制标签用于定义页面中任何文字的字体（Face属性）、字号（Size属性）和颜色（color属性）。,三、知识点分解,8、预格式化标签 在编写HTML代码的时候，空格和回车操作对网页效果是没有任何影响的。 那要怎样才可以使网页效果跟在代码中编排的一样呢？使用这对预格式化标签和就可以实现。悯 农锄 禾 日 当 午，汗 滴 禾 下 土。谁 知 盘 中 餐，粒 粒 皆 辛 苦。,三、知识点分
5、解,9、标题字标签 标题字标签共有6种，分别是一级标题、二级标题、三级标题、四级标题、五级标题和六级标题。 每级标题在字号上都有明显的区别，并且每种标题字标签的字号都是固定的。 其主要有一个align属性用来设置标题字的对齐方式。,三、知识点分解,10、文字修饰标签 还有一些文字修饰标签，如实现文字的加粗、倾斜、加下划线、加删除线和上标下标等修饰效果，并且这些标签都是成对来使用的,三、知识点分解,11、特殊字符 由于HTML文档是ASCII文本，只支持ASCII字符，所以还有一些特殊用途的字符在HTML中是无法直接显示成原来的样式的，必须凭借特殊的符号代码来表现。 这些符号代码通常由前缀“&”加上字符对应的名称，再加上后缀“；”而组成，如使用“ ；”表示空格。,实训要求,按照要求完成各项操作。 保存好自己建立的有关网页资料。 填写好试验报告。,
