主体结构
头部标签 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地址
- 统一资源定位符
- 表示一个网络资源（网页，图片等）的地址
相对路径
- 直接写文件名 表示同目录 等同于 ./
- ../ 表示上一层目录
- ../../ 上一层的上一层
绝对路径
网友评论