HTML的基本知识(五)——无序列表、有序列表、自定义列表
茫茫人海,有多少擦肩而过?漫漫一生,有多少真诚守候? 很开心能在CSDN与你相遇、相知、相惜、相守。一个人只有不断地写作,才能才不被人海湮没。 但不论如何,我与你同在。一往情深,一心相伴。
一、文档
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>