21xrx.com
2025-06-02 00:21:08 Monday
登录
  

HTML 区块

上一章 下一章

所有的HTML元素都有一个默认的显示值,取决于元素类型是什么.大多数的默认显示值是block(区块)和inline(行内)

块级元素

一个块级元素总是新起一行,尽可能的占满整行.

<div>元素是块级元素
块级元素
  • <div>
  • <h1> - <h6>
  • <p>
  • <form>
行内元素

行内元素不新起一行,只占用元素内容的宽度.

这是一个行内元素<span>

行内元素:
  • <span>
  • <a>
  • <img>

<div>元素

<div>元素是属于块级元素,通常用来作为其它元素的容器

<div>元素没有什么特殊属性,常用的有styleclass

添加CSS属性,可以给<div>容器里的内容添加样式

例子

<div style="background-color:black; color:white; padding:20px;">

<h2>上海</h2>
<article white-space=auto>上海,简称“沪”或“申”,
是中国共产党的诞生地,中华人民共和国直辖市,国家中心城市,超大城市,
沪杭甬大湾区核心城市,
国际经济、金融、贸易、航运、科技创新中心 [1-2]  ,
首批沿海开放城市.上海地处长江入海口,是长江经济带的龙头城市、G60科创走廊核心城市.
隔东中国海与日本九州岛相望,南濒杭州湾,北、西与江苏、浙江两省相接</div>
Markup
<span>元素

<span>是行内元素,通常用作文字的容器.

<span>元素没啥必须的属性,但styleclass很常用.

和CSS一起使用,给<span>元素里的文字添加样式.

例子

<h1>我的 <span style="color:red">爱好</span> 是编程</h1>
Markup
HTML 组合标签:
标签描述
<div>在文档里定义一块区域(块级元素)
<span>在文档里定义一块区域(行内元素)
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2