1、实训十三 HTML 语言基础应用一、实训目的1、掌握 HTML 的基础知识；2、掌握 HTML 标签的功能以及其属性；3、熟练编写 HTML 代码；二、实训内容以下所有内容都要求在代码视图下利用 HTML 代码编写。1、在站点目录下新建一个名为 myfrist.html 文件，效果图如图 2-12-1 所示：该页面分为两个部分，一是标题“欢迎光临我的第一个页面” ，二是正文部分，正文背景颜色为黄色。正文中以斜体和粗体显示文字“这是我制作的第一个页面，请大家多多关照” ，一级标题“个人简介” ，内容包括“姓名” 、 “年龄”和一张照片，段落格式为居中，字体为“隶书”、大小为“30” 、字体颜色为
2、“棕色（#990000） ”，照片大小为“200*200” ，单击照片进入 mysecond.html 页面。图 2-12-1 myfirst.html 效果图 图 2-12-2 mysecond.html 效果图2、在站点目录下新建一个名为 mysecond.html 框架集文件，效果图如图 2-12-2 所示，该框架集文件窗口包含 2 个框架，左侧框架占到整个窗口的 30%，框架名称为“leftFrame”，该窗口中显示 left.html 文件，窗口不出现滚动条，也不能手动改变大小；右侧框架名称为“mainFrame” ，该窗口中显示 main.html 文件，窗口出现滚动条。left.
3、html：该页面有 2 行文字，分别是“表格” ， “列表” ，单击“表格”在mainFrame 中显示 “biaoge.html”，单击“列表”在 mainFrame 中显示“liebiao.html” 。main.html：只有 1 张图像。3、在站点目录下新建一个名为 biaoge.html 文件，效果图如图 2-12-3 所示，该页面有个 2 行 2 列的表格，表格边框为 2，边框颜色为红色，宽度为 200，高度为 200，表格内容分别为 1，2，3，4，所有文字都显示在单元格正中间，文字 3 所在的单元格有背景图像。4、在站点目录下新建一个名为 liebiao.html 文件，效果图
4、如图 2-12-4 所示，该页面有 1 个项目列表和 2 个编号列表，其中项目列表文字大小为 5，有下划线。图 2-12-3 biaoge.html 效果图 图 2-12-4 liebiao.html 效果图三、知识点分解内容 1 主要涉及的标签有标题“” 、正文“” 、属性背景颜色“bgcolor” ，粗体“”,斜体“”,一级标题“”,段落“”,文字“”,属性字体“face”,大小“size”,颜色“color”,图像“”,属性“” 、 “”,超链接“”,属性“href” ；内容 2 主要涉及的标签有框架集“” 、框架“”；内容 3 主要涉及的标签表格有“” 、表格中的行“” 、表格中的单元
5、格“” ；内容 4 主要涉及的标签有项目列表“和” 、编号列表“和” 。四、实训步骤内容 1 的步骤：1、新建一个文档，将其保存为 myfirst.html。2、切换到“代码视图” ，标题“欢迎光临我的第一个页面”代码：欢迎光临我的第一个页面3、正文背景颜色为黄色代码： 。4、正文中以斜体和粗体显示文字“这是我制作的第一个页面，请大家多多关照”代码：这是我制作的第一个页面，请大家多多关照。5、一级标题“个人简介”代码：个人简介6、段落格式为居中代码：7、字体为“隶书” 、大小为“30” 、字体颜色为“棕色（#990000） ”代码：姓名：罗成年龄：7 岁8、照片大小为“200*200”代码：（
6、注意：这段代码要在前输入）9、单击照片进入 mysecond.html 页面代码：在前输入 ，在其后输入。注意：步骤 7、8、9 的代码都在与之间输入。整个页面的代码如下：欢迎光临我的第一个页面这是我制作的第一个页面，请大家多多关照个人简介姓名：罗成年龄：7 岁内容 2 的步骤：1、mysecond.html 页面代码：注意：该段代码必须在之前输入。2、left.html 页面代码：表格列表3、main.html 页面代码：内容 3 的步骤：biaoge.html 页面代码：1234内容 4 的步骤：先修课程PHOTOSHOPFLASH网络基础后续课程ASP 程序设计ASP 项目设计保存所有的文件，回到 myfirst.html 文件，预览。
