HTML列表标签及属性

• 列表标签及属性

  1. 有序列表
  2. 无序列表
  3. 改变列表项目符号的属性
  4. 自定义列表

• 超链接标签及属性

  1. 文本超链接<a href=”url” target=”blank/self”>文字</a>
  2. 图片超链接<a href=”url” target=”blank/self”><img  src=”” /></a>
  3. 空链接href=”#”
  4. 邮件链接mailto:邮件地址--<a href=”mailto:7989945122@qq.com”>邮件</a>

• 图片标签及属性

  1. 图片标签
  2. 图片宽高属性
  3. 边框属性
  4. 图片加载失败文字提示属性
  5. 标题属性

 HTML页面中三种图片格式：png、jpg（jpeg）、gif

 .png：该类型图片支持透明，文件大，无损压【半透明】

注意：png格式在IE6以下不支持透明6.2

 .gif：只有256种颜色，支持动画，支持透明

 .jpg：颜色丰富、文件小

相对路径：

绝对路径：

 

路径的应用方式：

 

练习：

                             

                                        

 

 

 

有序列表：列表项有先后顺序的列表形式

<ol>

  <li>列表项</li>

  <li>列表项</li>

  <li>列表项</li>

</ol>

列表类型type

1     1 2 3 4…

a     a b c d…

A     A B C D…

i     i ii iii iv ..小写罗马字母

I     I II III IV ..大写罗马字母

起始数值start=“数字”

reversed属性：反向排序

 

无序列表：列表项无先后顺序，实现导航栏

<ul>

  <li>列表项</li>

  <li>列表项</li>

  <li>列表项</li>

</ul>

列表类型type:

disc     实心圆

circle   空心圆

square   方块

 自定义列表：对专业术语或名词进行解释和描述

<dl>

  <dt>定义项</dt>

  <dd>描述项</dd>

  <dd>描述项</dd>

</dl>

 

 dt用来创建列表中的上层项目

  dd用来创建列表中最下层项目

 

      图文混排：