【HTML】P2 HTML 标签
创始人
2024-06-03 15:34:05
0

标签

  • (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 超链接 电话、邮件与短信

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

相关内容

热门资讯

喜欢穿一身黑的男生性格(喜欢穿... 今天百科达人给各位分享喜欢穿一身黑的男生性格的知识,其中也会对喜欢穿一身黑衣服的男人人好相处吗进行解...
发春是什么意思(思春和发春是什... 本篇文章极速百科给大家谈谈发春是什么意思,以及思春和发春是什么意思对应的知识点,希望对各位有所帮助,...
网络用语zl是什么意思(zl是... 今天给各位分享网络用语zl是什么意思的知识,其中也会对zl是啥意思是什么网络用语进行解释,如果能碰巧...
为什么酷狗音乐自己唱的歌不能下... 本篇文章极速百科小编给大家谈谈为什么酷狗音乐自己唱的歌不能下载到本地?,以及为什么酷狗下载的歌曲不是...
华为下载未安装的文件去哪找(华... 今天百科达人给各位分享华为下载未安装的文件去哪找的知识,其中也会对华为下载未安装的文件去哪找到进行解...
怎么往应用助手里添加应用(应用... 今天百科达人给各位分享怎么往应用助手里添加应用的知识,其中也会对应用助手怎么添加微信进行解释,如果能...
家里可以做假山养金鱼吗(假山能... 今天百科达人给各位分享家里可以做假山养金鱼吗的知识,其中也会对假山能放鱼缸里吗进行解释,如果能碰巧解...
一帆风顺二龙腾飞三阳开泰祝福语... 本篇文章极速百科给大家谈谈一帆风顺二龙腾飞三阳开泰祝福语,以及一帆风顺二龙腾飞三阳开泰祝福语结婚对应...
美团联名卡审核成功待激活(美团... 今天百科达人给各位分享美团联名卡审核成功待激活的知识,其中也会对美团联名卡审核未通过进行解释,如果能...
四分五裂是什么生肖什么动物(四... 本篇文章极速百科小编给大家谈谈四分五裂是什么生肖什么动物,以及四分五裂打一生肖是什么对应的知识点,希...