实训2：使用html语言制作网页(上).pptVIP

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