实验一：HTML编程实践.docxVIP

实验一：HTML 编程实践 一、实验目的 1、掌握HTML 的基本语法； 2、掌握HTML 的基本标签的写法； 3、能够通过编写HTML 来制作网页。 二、实验要求 1、完成所提供的HTML 案例的编写，并进行测试； 2、掌握HTML 的基本语法和内容； 3、能够流利阅读HTML 文件。 三、实验原理 1、HTML 的基本语法； 四、实验步骤 完成下列案例的编写，并在IE 和 Firefox 两种浏览器中进行测试。 1、编写标题 htmlheadtitle标题/title/headbodyh1一号标题/h1h2二号标题/h2h3三号标题/h3h4四号标题/h4h5五号标题/h5h6六号标题/h6h7七号标题/h7br/这是一个普通的没有界定的文字！/body/html如下面实例，理解HTML 中的标题标签hn,其中n 为标题的等级，HTML 总共提供六个等级的标题， html head title标题/title /head body h1一号标题/h1 h2二号标题/h2 h3三号标题/h3 h4四号标题/h4 h5五号标题/h5 h6六号标题/h6 h7七号标题/h7 br/ 这是一个普通的没有界定的文字！ /body /html 2、使用换行标签br/ htmlheadtitle无换行示例/title/head html head title无换行示例/title /head body body 登鹳雀楼 白日依山尽，黄河入海流。欲穷千里目，更上一层楼。 /body /html html head title换行示例/title /head body 登鹳雀楼br/白日依山尽，br/黄河入海流。br/欲穷千里目，br/更上一层楼。 /body /html htmlheadtitle段落标签/title/head html head title段落标签/title /head body p align=“center”登鹳雀楼/p p align=“center”白日依山尽，/p p align=“left”黄河入海流。/p p align=“center”欲穷千里目，/p p align=“right”更上一层楼。/p /body /html 4、使用水平线段标签hr/ htmlhead html head title线段粗细的设定/title /head body p这是第一条线段，无size 设定，取内定值 size=1 来显示/p br/ hr/ p这是第二条线段，size=5/p br/ hr size=“5”/ p这是第三条线段，size=10/p br/ hr size=“10”/ /body /html /html 线段长度的设定 html html head title线段长度的设定/title /head body p这是第一条线段，无width 设定，取 width 默认值 100%来显示/p br/ hr size=“3”/ p这是第二条线段，width=50(点数方式)/p br hr width=“50” size=“5”/ p这是第三条线段，width=50%(百分比方式)/p br/ hr width=“50%” size=“7”/ /body /html 线段排列的设定 html html head title线段排列的设定/title /head body p这是第一条线段，无align 设定，(取默认值 center 显示)/p br hr width=“50%” size=5/ p这是第二条线段，向左对齐/p br hr width=“60%” size=“7” align=“left”/ p这是第三条线段，向右对齐/p br hr width=“70%” size=“2” align=“right”/ /body /html htmlhead html head title无阴影的设定/title /head body p这是第一条线段，无noshade 设定，取默认值阴影效果来显示/p br/ hr width=“80%” size=“5”/ hr width=“80%” size=“5”/ p这是第二条线段，有noshade 设定/p br hr width=“80%” size=“7” noshade/ /body /html htmlheadtitle字号大小/title html head title字号大小/title /head body font size=“7”这是size=7 的字体/fontp font size=“6”这是size=6 的字体/fontp font size=“5”这是size=5 的字体/fontp font size=“4”这是size=