html基础之二

HTML实体

•   空格
• < <
• &gt >
• &quot “ 引号
• &copy © 版权
• &yen ¥
• × ×
• ÷ ÷
• ® ®

列表标签

• ul 双 无序列表 属性 type(disc(默认)/square/circle)
• li 双 列表项 属性 type 值同上
• ol 双 有序列表 属性 reversed(降序) type(1/a/A/I) start(值数字)
• dl 双 定义列表
• dt 双 列表项目的标题
• dd 双 列表项目的描述

文本标签(双)

• em 强调 表现为斜体
• strong 强调 表现为加粗
• cite 用于引证、举例、(标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题)通常为斜体字
• dfn 定义项目
  我参加了<dfn>曼哈顿工程</dfn>
• kbd 键盘按键 请按<kbd>ctrl</kbd>+<kbd>c</kbd>键
• abbr 定义缩写 配合title
• bdo 配合 dir属性(ltr, rtl) 改变文字书写方向
• code 定义代码
• var 定义变量
• del 已经删除的 删除线
• ins 当前的 下划线
• sup 上标文字
• sub 下标文字
• q 引用 短
• blockquote 引用 长
• address
  定义地址 通常为斜体 (注意非通讯地址) 块状元素
• b 加粗 强调
• i 斜体 科学专业术语
• u 下划线 定义与其他文本不同风格的文本

超链接

URL

• 统一资源定位符
• 万维网的每一个文件都有一个URL

a标签

• href 值 URL
• target 新网页从哪个窗口打开 _self / _blank
• title 提示
• download 下载 H5自增

路径

• 相对路径 ./ ../

• 如何表示上级目录../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推

• 绝对路径

锚点

• <a name="锚点的名字"></a>

• 使用超链接 # 跳转到指定锚点

• <a name="first">first</a>

• <a href="#first">跳转到first</a>

• 跳转到顶部<a href="#">跳转到顶部</a>

图像

img标签 属性

• src -- 代表一个图像源(就是图像的位置)
• alt 图片无法显示时显示的文字
• title 提示信息
• border – 代表图片边框的宽度
• width 图片宽度
• height 图片高度
• usemap 将图像定义为客户器端图像映射。

常见的图片格式

• jpg/jpeg
• JPEG -- 支持多种颜色,可以有很高的压缩比,使用了有损压缩,不支持透明,不支持动画效果.
• gif
• GIF -- 最多支持256色,支持透明,支持多帧动画显示效果.
• png
• PNG -- 是一种新的图片技术,可以表现品质比较高的图片,使用了无损压缩,支持透明,不支持动画.

图片热点 图片映射

• map id/name

• area shape(circle rect poly) href title target ...

• usemap 将图像定义为客户器端图像映射。
  <map> 标签用于客户端图像映射。图像映射指带有可点击区域的一幅图像。
  <img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。
  area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。

• x1,y1,x2,y2 如果 shape 属性设置为 "rect"，则该值规定矩形左上角和右下角的坐标。
  x,y,radius 如果 shape 属性设置为 "circ"，则该值规定圆心的坐标和半径。
  x1,y1,x2,y2,..,xn,yn 如果 shape 属性设置为 "poly"，则该值规定多边形各边的坐标。如果第一个坐标和最后一个坐标不一致，那么为了关闭多边形，浏览器必须添加最后一对坐标。