【HTML】2_文本格式化标签

举报
魔天伦 发表于 2023/03/28 14:32:43 2023/03/28
【摘要】 3、文本格式化标签主要作用是突出重要性,一般情况下全称的,语义更强烈,如:strong、em、ins、del标签语义强于对应的简写b、i、s、ins实现加粗,删除,倾斜,下划线的作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...

3、文本格式化标签
主要作用是突出重要性,一般情况下全称的,语义更强烈,如:strong、em、ins、del标签语义强于对应的简写b、i、s、ins

实现加粗,删除,倾斜,下划线的作用

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>文本格式化标签</title>

</head>

<body>

    <strong>加粗</strong>

    <b>加粗</b>

    <hr>

    <em>倾斜</em>

    <i>倾斜</i>

    <hr>

    <del>删除</del>

    <s>删除</s>

    <hr>

    <ins>下划线</ins>

    <u>下划线</u>

</body>

</html>

image.png

4、文本标签
分为div标签和span标签两种

div主要用于布局,但一行只能放一个div标签,div独占一行,是个大盒子

span也是用来布局的,但是一行上可以放多个span,更像是个小盒子

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>文本标签</title>

</head>

<body>

    <div>我是div标签</div>

    <div>我是div标签</div>



    <span>我是span标签</span>

    <span>我是span标签</span>

</body>

</html>

image.png

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。