标签（1）基础标签 文本标签 超链接标签

• 标签（1）
• • 基础标签
  • 块级元素 与 行内元素
  • 文本标签
  • 图片标签
  • 超链接标签
  • 超链接跳转锚点
  • 超链接 电话、邮件与短信

标签（1）

基础标签

~
		标题
				段落
			没有任何含义，用于整体布局

一般一个网页只包含一个 h1 标题标签；

块级元素 与 行内元素

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

文本标签

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

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

图片标签

img 不是块元素，可以将多个图片放置在一行；
src 为图片地址信息，./ 与…/
alt 填写描述信息

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

webp是未来趋势，jpg是主流；

超链接标签

baidu

baidu

a标签是行内元素，其不能包裹a标签以外，可以包裹很多别的标签

baidu

直接触发下载：

点击下载

超链接跳转锚点

看wolf看sheep
...
				可以用但是不推荐使用a作为锚点，不精准
...
这是一只羊
		使用id作锚点更为精准		

回到顶部
刷新页面

点我弹窗

超链接 电话、邮件与短信

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