html标签

主体结构

• html
• head
• body

头部标签 head

• title 文档的标题
• meta 定义元数据，属性：

http-equiv / content / charset / name

• style 定义css样式
• link 引入外部的css文件/设置文档的图标，属性：

type / rel(stylesheet) / href / dedia

• script 里面定义js代码
• base 属性 href target

meta的应用

<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="keywords" content="8-12个用英文逗号隔开的关键字">
<meta name="deacription" content="80个字符串内的一句话">
<meta http-equiv="refresh" content="3;url=01.html">

格式排版 标签

• hn h1~h6 标题
• p 段落
• br 换行
• hr 分隔线 (间隔)
• pre 按原文显示 把空格、换行、tab 表现出来

列表标签

• ul 无序列表
• ol 有序列表 属性 start revsersed （降速）
• li 列表项
• dl 定义列表
• dt 定义列表项的 术语部分
• dd 定义列表项的 术语解释部分

文本标签

• em 表示强调 表现为斜体
• strong 表示强调(强烈) 表现为粗体
• code 表示代码
• var 表示变量
• kbd 键盘的按键
• abbr 缩写的内容 配合title
• del 删除的内容
• ins 插入的内容
• small 小型文本，旁注
• sub 下标字
• sup 上标字
• address 地址
• q 短引用
• blockquote 长引用

超链接标签

• a 标签 属性
  • href 指定地址路径
  • title 提示效果
  • target 新页面的打开方式 _self(本窗口打开，默认) _blank(新窗口打开)
  • download 直接下载
• 超链接会受到 base 标签的影响。 href属性指定相对路径的基准， target会设置默认的窗口打开方式
• a标签配合 name 属性 可以创建锚点
• 超链接除了链接网页，也可以链接锚点

URL地址

• 统一资源定位符
• 表示一个网络资源（网页，图片等）的地址

相对路径

• 直接写文件名 表示同目录 等同于 ./
• ../ 表示上一层目录
• ../../ 上一层的上一层

绝对路径

• http://www.baidu.com/index.html
• http://www.itxdl.cn/demos/images/1.jpg