HTML 中的 <div>属性

首页 / HTML入门教程 / HTML 中的 <div>属性

HTML <div>标签用于定义文档的一部分。使用div标签,您可以将HTML元素的大部分组合在一起,并使用CSS设置其格式。

div标签和span标签之间的区别在于div标签与块级元素一起使用,而span标签与内联元素一起使用。

div示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML div Tag</title>
      <link rel="stylesheet" href="style2.css">
   </head>

   <body>
      <div id="contentinfo">
         <p>Welcome to our website. We provide tutorials on various subjects.</p>
      </div>
   </body>

</html>

这是CSS文件 style2.css

#contentinfo p { 
   line-height: 20px;
   margin: 30px;
   padding-bottom: 20px; 
   text-align: justify;
   width: 140px;
   color: red; 
}

这将产生以下结果-

全局属性

此标签支持 HTML 中描述的所有全局属性。

特定属性

HTML <div>标签还支持以下附加属性-

Attribute Value 描述
autofocus html-5 autofocus 自动获取焦点

事件属性

此标签支持 HTML 中描述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

研发效率破局之道 -〔葛俊〕

即时消息技术剖析与实战 -〔袁武林〕

安全攻防技能30讲 -〔何为舟〕

检索技术核心20讲 -〔陈东〕

分布式数据库30讲 -〔王磊〕

深度学习推荐系统实战 -〔王喆〕

深入C语言和程序运行原理 -〔于航〕

JavaScript进阶实战课 -〔石川〕

LangChain 实战课 -〔黄佳〕

好记忆不如烂笔头。留下您的足迹吧 :)