HTML的基本知识（五）——无序列表、有序列表、自定义列表

茫茫人海，有多少擦肩而过？漫漫一生，有多少真诚守候？ 很开心能在CSDN与你相遇、相知、相惜、相守。一个人只有不断地写作，才能才不被人海湮没。 但不论如何，我与你同在。一往情深，一心相伴。

HTML的基本知识（五）——无序列表、有序列表、自定义列表_html5一、文档

doctype  文档类型声明，告诉浏览器按当前标准解析代码

二、图片

<img src="路径" alt="图片不显示时给予提示" title="鼠标悬停时给予提示"   width="宽度" height="高度">

三、超链接

<a href="路径" target="设置打开的窗口_self|_blank"></a>
   <a href="#"> 空链接，返回页面顶部

四、锚点：

（1） 点击a跳转到a
    <a href="#mingzi"点击></a>
    <a href="" name="mingzi">跳转到</a>

  (2) 点击a跳转到块级元素
    <a href="#mingzi">点击</a>
    <p id="mingzi">跳转到</p>

五、块级元素和行内元素的区别

1、块级元素独占一行，行内元素在同一行显示块级元素默认宽度为100%
2、行内元素宽度由内容撑开
3、块级元素主要有：p h1-h6,ul li ol dd dl dt table tr td hr 
4、行内元素：img a em strong b i del big small

六、列表
（1）无序列表

type:设置项目符号的类型  dis circle square none
<ul>
         <li>...</li>
         <li>...</li>
         <li>...</li>
     </ul>
<ul>
         <li><a href="#">...</a></li>
         <li><a href="#">...</a></li>
         <li><a href="#">...</a></li>
         <li><a href="#">...</a></li>
         <li><a href="#">...</a></li>
     </ul>

（2）有序列表

type:设置项目符号类型  1 A a i I
start:从第几个开始，取值为数字
reversed:倒序
<ol>
         <li>...</li>
         <li>...</li>
         <li>...</li>
         <li>...</li>
         <li>...</li>
     </ol>

（3）自定义列表

<dl>
        <dt>主题 </dt>
        <dd>描述</dd>
        <dt>主题 </dt>
        <dd>描述</dd> 
        <dt>主题 </dt>
        <dd>描述</dd>
     </dl>