<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> (描述列表中的项目)。