HTML——div和span标签和字符实体

一、无语义的布局标签

作用:布局标签(划分网页区域,摆放内容)

div(大盒子):独占一行

span(小盒子):不换行

1、div 标签

html 复制代码
<body>
    <div>div标签</div>
    <div>div标签</div>
</body>

2、span 标签

html 复制代码
<body>
    <div>div标签</div>
    <div>div标签</div>
    <span>span标签</span>
    <span>span标签</span>
</body>

二、字符实体

作用:在网页中显示预留字符

显示结果 描述 实体名称
空格 &nbsp;
< 小于号 &lt;
> 大于号 &gt;

通过键盘直接在代码中敲空格,无论敲多少个隔空,网页只能识别一个。

1、&nbsp; 实体

2、&lt; 及 &gt; 实体

因为有些"<内容>"属于标签(如:<p>),所以不能直接输入"<p>",可以通过"&lt;"和"&gt;"来实现。

相关推荐
这儿有一堆花2 小时前
网页开发的基石:深入解析 HTML 与 PHP 的本质差异
前端·html·php
RFCEO2 小时前
网页编程 课程三、:HTML 核心规范(语义化+易维护)详解课程
前端·html·语义化·html核心规范·易维护·前端基础课
苦藤新鸡2 小时前
27.合并有序链表,串葫芦
前端·javascript·链表
_OP_CHEN2 小时前
【前端开发之HTML】(四)HTML 标签进阶:表格、表单、布局全掌握,从新手到实战高手!
前端·javascript·css·html·html5·网页开发·html标签
Alair‎2 小时前
前端开发之环境配置
前端·react.js
Deca~2 小时前
VueVirtualLazyTree-支持懒加载的虚拟树
前端·javascript·vue.js
爱上妖精的尾巴2 小时前
7-11 WPS JS宏 对象的属性值为函数的写法与用法
前端·javascript·wps·js宏·jsa
zuozewei2 小时前
零基础 | 使用LangChain框架实现ReAct Agent
前端·react.js·langchain
坠入暮云间x2 小时前
React Native for OpenHarmony开发环境搭建指南(一)
前端·react native·开源