实验一：HTM编程实践.docVIP

实验一：HTML编程实践 一、实验目的 1、掌握HTML的基本语法； 2、掌握HTML的基本标签的写法； 3、能够通过编写HTML来制作网页。 二、实验要求 1、完成所提供的HTML案例的编写，并进行测试； 2、掌握HTML的基本语法和内容； 3、能够流利阅读HTML文件。 三、实验原理 1、HTML的基本语法； 四、实验步骤 完成下列案例的编写，并在IE和Firefox两种浏览器中进行测试。 1、编写标题 如下面实例，理解HTML中的标题标签hn,其中n为标题的等级，HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题（其中n的取值为1到6）。 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/ 理解br/的作用 html head title无换行示例/title /head body 登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。 /body /html html head title换行示例/title /head body 登鹳雀楼br/白日依山尽，br/黄河入海流。br/欲穷千里目，br/更上一层楼。 /body /html 3、使用段落标签p 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/ （1）线段粗细的设定 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 （2）线段长度的设定 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 （3）线段排列的设定 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 （4）无阴影的设定 html head title无阴影的设定/title /head body p这是第一条线段，无noshade设定，取默认值阴影效果来显示/p br/ hr width=“80%” size=“5” p这是第二条线段，有noshade设定/p br hr width=“80%” size=“7” noshade/ /body /html 5、文字的大小设置 html head title字号大小/title /head body font size=“7”这是size=7的字体 font size=“6”这是size=6的字体 font size=“5”这是size=5的字体 font size=“4”这是size=4的字体 font size=《 《”这是size=3的字体/fontp font size=“2”这是size=2的字体 font size=“1”这是size=1的字体 font s