实验一：HTML编程实践.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/html2、使用换行标签br/理解br/的作用htmlhead title无换行示例/title/headbody 登鹳雀楼　白日依山尽，黄河入海流。欲穷千里目，更上一层楼。/body/htmlhtmlhead title换行示例/title/headbody 登鹳雀楼br/白日依山尽，br/黄河入海流。br/欲穷千里目，br/更上一层楼。/body/html3、使用段落标签phtmlhead title段落标签/title/headbody p align=“center”登鹳雀楼/p p align=“center”白日依山尽，/p p align=“left”黄河入海流。/p p align=“center”欲穷千里目，/p p align=“right”更上一层楼。/p/body/html4、使用水平线段标签hr/（1）线段粗细的设定htmlhead title线段粗细的设定/title/headbody 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）线段长度的设定htmlhead title线段长度的设定/title/headbody 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）线段排列的设定htmlhead title线段排列的设定/title/headbody 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）无阴影的设定htmlhead title无阴影的设定/title/headbody p这是第一条线段，无noshade设定，取默认值阴影效果来显示/p br/ hr width=“80%” size=“5” p这是第二条线段，有noshade设定/p br hr width=“80%” size=“7” noshade//body/html5、文字的大小设置htmlhead title字号大小/title/headbody 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 size=“-1”这是size=-1的字体/body/html小问题：当Size的设置超出范围的时候，例如设置成Size = 10的情况下会出现什么问题？6、文字的字体与样式htmlhead title字体/title/headbody center pfont face=楷体