标签

• （1）基础标签
• （2）文本标签
• • 2.1 常用文本标签
  • 2.2 不常用文本标签
• （3）图片标签
• • 3.1 图片格式
• （4）超链接标签
• • 4.1 超链接打开网站
  • 4.2 超链接点击下载
  • 4.3 超链接跳转锚点
  • 4.4 超链接 电话、邮件与短信

（1）基础标签

~
		标题，一共6个级别
				段落，每个段落一行，包裹文字内容
			没有任何含义，用于整体布局，如同一个大麻袋

一般一个网页只包含一个 h1 标题标签；
标题标签中不允许嵌套以及被嵌套；
这三个基础标签都是 块级元素。

块级元素 与 行内元素

块级元素独占一行；
行内元素不独占一行；
块级元素内可以嵌套行内元素；
行内元素内不嵌套块级元素；

（2）文本标签

2.1 常用文本标签

要着重阅读的内容
十分重要的内容
没有语义，用于包裹短语的通用容器

2.2 不常用文本标签

《自强不息》				作品标题
温故知新						特殊术语，或专属名词
199							删除的文本
99							插入的文本
H2O							上标
83							下标
alert(1)					代码
支付宝到账100元				上下文中提取出内容
ctrl+s						键盘文本
LOL		缩写		
你是年少的欢喜		喜欢的少年是你
let a = 1		标记变量
附属细则内容				版权，法律文本
加粗关键字						加粗关键字
呈现字体图标						人物的思想活动，所说的话等
heeelo							与正常内容有反差的文本
屈原曾经说过：路漫漫其修远兮，吾将上下而求索		短引用，自动补充上双引号
歌词：
xxxxxxxxxxxxxxx
		长引用，有前与上的自动缩进
北京市海淀区
			地址信息

（3）图片标签

img 不是块元素，可以将多个图片放置在一行；
src 为图片地址信息，可以填写绝对地址，相对地址，网络地址等；
alt 填写描述信息；

3.1 图片格式

.jpg			有损的压缩格式
.png			无损的压缩格式
.bmp			不进行任何压缩，游戏背景常用本格式
.gif			动态图，但是损失太严重，仅支持256种颜色
.webp			专门用于网络呈现图片，具备上述几种图片优点，但是兼容性不好，IE浏览器不支持，通过.jpg.webp 解决不兼容的问题
base64			一串特殊的文本，通过将图片进行base64编码

webp是未来趋势，jpg是主流，因为小；

e.g.e.g.e.g. base64案例：

（4）超链接标签

4.1 超链接打开网站

在当前页签打开：

baidu

在新的页签打开：

baidu

4.2 超链接点击下载

在标签中，直接加上 download 直接触发下载：

点击下载

4.3 超链接跳转锚点

锚点：

看sheep
...
这是一只羊

返回到顶部：

回到顶部
刷新页面

与js交互

点我弹窗

4.4 超链接 电话、邮件与短信

拨打电话
发送邮件
短信联系