实训十三 HTML语言基础应用

《实训十三 HTML语言基础应用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实训十三HTML语言基础应用一、实训目的1、掌握HTML的基础知识；2、掌握HTML标签的功能以及其属性；3、熟练编写HTML代码；二、实训内容以下所有内容都要求在代码视图下利用HTML代码编写。1、在站点目录下新建一个名为myfrist.html文件，效果图如图2-12-1所示：该页面分为两个部分，一是标题“欢迎光临我的第一个页面”，二是正文部分，正文背景颜色为黄色。正文中以斜体和粗体显示文字“这是我制作的第一个页面，请大家多多关照”，一级标题“个人简介”，内容包括“姓名”、“年龄”和一张照片，段落格式为居中，字体为“隶书”、大小为“30”、字体颜色

2、为“棕色（#990000）”，照片大小为“200*200”，单击照片进入mysecond.html页面。图2-12-1myfirst.html效果图图2-12-2mysecond.html效果图2、在站点目录下新建一个名为mysecond.html框架集文件，效果图如图2-12-2所示，该框架集文件窗口包含2个框架，左侧框架占到整个窗口的30%，框架名称为“leftFrame”，该窗口中显示left.html文件，窗口不出现滚动条，也不能手动改变大小；右侧框架名称为“mainFrame”，该窗口中显示main.html文件，窗口出现滚动条。left.h

3、tml：该页面有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文件，效果图如图2-12-4

4、所示，该页面有1个项目列表和2个编号列表，其中项目列表文字大小为5，有下划线。图2-12-3biaoge.html效果图图2-12-4liebiao.html效果图三、知识点分解内容1主要涉及的标签有标题“3、正文背景颜色为黄色代码：。4、正文中以斜体和粗体显示文字“这是我制作的第一个页面

6、，请大家多多关照”代码：这是我制作的第一个页面，请大家多多关照。5、一级标题“个人简介”代码：个人简介6、段落格式为居中代码：