Web小白基础教程-第四篇-HTML基础常用标签名(二)

一、文本格式化标签——双标签

注:编译于<body><标签名>文字</标签名></body>

效果说明 标签名1 标签名2 备注
文本加粗 b strong 两标签效果相同,后者在语义上更重要
下划线 u ins 两标签效果相同,后者在语义上更重要
文本倾斜 i em 两标签效果相同,后者在语义上更重要
删除线 s del 两标签效果相同,后者在语义上更重要

一般情况下,英文单词所表示的标签与单独字母所表示的标签相比,展示效果上并没有什么区别,只是在语义上英文单词标签要显得更为正式与重要。

练习代码:

<body>
    <p><b>Web小白基础教程</b></p>
    <p><strong>Web小白基础教程</strong></p>
    <p><u>Web小白基础教程</u></p>
    <p><ins>Web小白基础教程</ins></p>
    <p><i>Web小白基础教程</i></p>
    <p><em>Web小白基础教程</em></p>
    <p><s>Web小白基础教程</s></p>
    <p><del>Web小白基础教程</del></p>
</body>

效果如下:

二、图片标签——单标签

注:编译于<body><img src="图片文件存放地址" alt="替换文字" title=“悬停文字” width=“宽度数值” height=“高度数值”></body>

注:标签属性名用于修饰标签,放于标签<属性>之内。

标签属性名 标签属性值 效果说明
src “图片文件存放地址” 显示图片
alt “图片因某些原因不能显示,此时出现的替换文字”
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值