HTML学习:字符实体,布局常用标签

HTML学习:字符实体,布局常用标签

字符实体

在网页中普通文字部分,在键盘中是打不出来的,比如我们的版权符号,商标符号等等。还有一种场景就是替代字符,HTML会识别一部分字符。

提供字符实体 w3c网址:w3c手册

常用字符实体:
常用字符实体
如果想要网页显示:今天学习了h1标签
如下代码不能实现理想中的效果

<body>
    <div>
        今天学习了<h1>标签
    </div>
</body>

字符实体非理想实现浏览器会识别文本中的h1单独标签进行加载了,所以需要一些替代字符来实现。
实现方法:
利用字符实体进行转换:

<body>
    <div>
    	<!-- 若要网页显示<h1>不能直接写<h1> 利用字符实体 -->
        今天学习了&lt;h1&gt;标签
    </div>
</body>

字符实体实现

布局常用标签:div和span(俗称盒子)

HTML+CSS又叫做div+CSS

  • div(大盒子-跨度布局分割):分割跨度大跨度,容器级标签,双标签。
  • div主要作用是进行网页布局的拆分,没有明确的语义

  • span(小盒子-文字分割):小区域小跨度
  • span标签的作用是一个极限小,只适用于文字的跨度划分
  • 两者作用是用来分割页面的布局
        <p>
            <!-- 强调300元 使用span-->
            今天一共收入 <span style="color:red;">300</span></p>

span强调

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值