html的基本结构 1
<html> <head> <title>第三课标签</title> <meta charset="utf-8"> </head> <body> <p><hr/>你好 这里是自学第三课第一段<br/><hr/><pre><center>非常好<hr/></center></pre></p> <p>你好 这里是自学第三课第二段<hr/></p> <li>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> <ul> <li><hr/>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ul> <ol type="a"> <li><hr/>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <ol type="A"> <li><hr/>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <ol type="1"> <li><hr/>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <ol type="1"> <li><hr/>第一节课</li> <li value="5">第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <ol type="A"> <li>1选项 <ol type="a"> <li><hr/>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> </li> <li>2选项 <ol type="a"> <li><hr/>第一节课</li> <li>第二节课</li> <li>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> </li> <li><hr/>第三节课</li> <li>第四节课</li> <li>第五节课</li> </ol> <dl> <dt>软件说明:</dt> <dd><hr/>简单介绍软件的功能及基本应用</dd> <dt><hr/>软件界面:</dt> <dd><hr/>用于选择软件的外观</dd> <hr/> </dl> <dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl> </body> </html> 第三节设计的知识点: 1、本节讲了p标签:<p>这里可以填写一个段落</p> 所有主流浏览器都支持 <p> 标签。<p> 标签定义段落。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。 2、br标签的功能换行,可插入一个简单的换行符。<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。 请注意,<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。 3、li标签:所有主流浏览器都支持 <li> 标签。<li> 标签定义列表项目<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。 4、ul标签:所有主流浏览器都支持 <ul> 标签。<ul> 标签定义无序列表。 5、ol标签:所有主流浏览器都支持 <ol> 标签。<ol> 标签定义有序列表。 6、dl标签:所有浏览器都支持 <dl> 标签。<dl> 标签定义了定义列表(definition list)。<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。