05-html列表与图片的应用

在HTML文档中使用特殊字符
  特殊字符      转义码
  空格         
  版权号 ©      ©
  注册商标      ®
  "         "
  &          &
  <           &lt;
  >           &gt;

列表标记用途:
  列表标记可以创建一般的无序列表、编号列表以及定义列表三种方式,
  还可以在列表中嵌套另一种列表,便于概括显示一系列的内容
  [1]、无序列表 <ul>....</ul>
  [2]、有序列表 <ol>....</ol>
  [3]、定义列表 <dl>....</dl>

无序列表
  语法:
    <ul type="项目符号类型">
      <li>内容一</li>
      <li>内容二</li>
        ......
    <ul>
  <li></li>表示一个项目
  属性名称    参数值(必须小写字母)      描述
  type     disc              实心黑色的圆
  type        circle               空心圆
  type      square               实心的正方形
有序列表
  语法:
  <ol start="列表起点" type="项目符号类型">
    <li>内容一</li>
    <li>内容二</li>
  </ol>
  1 表示以1,2,3,4来表示
  a 表示以a,b,c,d来表示
  type A 表示以A,B,C,D来表示
  i 表示以i,ii,iii来表示
  I 表示以I,II,III来表示

定义列表
  语法:
  <dl>
    <dt>标题一</dt>
      <dd>内容一</dd>
      <dd>内容二</dd>
    <dt>标题一</dt>
    <dd>内容一</dd>
    <dd>内容二</dd>
  </dl>
  <dl>......</dl>定义列表
  <dt>......</dt>表示一个项目
  <dd>......</dd>表示一个项目下更详细的内容解释

Web上支持的图片格式
  GIF (图形交换格式):GIF格式最多只能保存256种颜色。该格式支持透明色,支持动画效果
  JPEG (联合图像专家组):该格式不支持透明色和动画,颜色可高达1670万种
  PNG (网络可移植格式):该格式支持透明色,不支持动画,颜色从几种至1670万种
图片标记
  <img src="图片的路径" \>
路径
  绝对路径:提供目标文档的完整主机名称、路径信息、及文档全称
  相对路径:从当前文档开始的路径
  如果当前文档和目标文档位置平行,则直接书写 目标文档全称
  如果当前文档和目标文档所在文件夹位置平行,则书写为 文件夹名称/目标文档名称
  如果当前文档所在文件夹和目标文档位置平行,则书写为 ../目标文档全称
根相对路径:从站点根目录开始的路径,以 "/" 开头
  ../ 表示向上一级

  属性名称      属性值        说明
  src         URL        图片的路径
  alt          文本        规定图片的替代文本 [ 图片无法显示时 ]
  title           文本        鼠标悬停时显示的内容
  width        像素/百分比    设置图片的宽
  height            像素/百分比      设置图片的高
  border       数字       设置图像边框
  left                   图片靠左,文字靠右
  right                 图片靠右,文字靠左
  align top               文字垂直居上靠
  middle                文字垂直居中
  bottom                文字垂直居下 ( 默认 )
  vapace       像素       定义图像顶部和底部的空白(垂直边距)
  hspace       像素       定义图像左侧和右侧的空白(水平边距)

猜你喜欢

转载自www.cnblogs.com/xiang-liang/p/12544728.html