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

 

posted @ 2017-10-09 18:00  赵宏涛  阅读(130)  评论(0编辑  收藏  举报