📜  HTML div标签

📅  最后修改于: 2020-11-01 09:11:46             🧑  作者: Mango

HTML Div标签

HTML

标记用于将大部分HTML元素组合在一起。

我们知道每个标签都有特定的用途,例如p标签用于指定段落,

标记用于指定标题,但
标签就像一个容器单元,用于封装其他页面元素并将HTML文档分为多个部分。

Web开发人员通常使用div标签将HTML元素组合在一起,并将CSS样式一次应用于多个元素。例如:如果将一组段落元素包装到div元素中,则可以利用CSS样式的优势并将字体样式立即应用于所有段落,而不是为每个段落元素编码相同的样式。

Welcome to Javatpoint.com, Here you get tutorials on latest technologies.

This is second paragraph

输出:

HTML div标签和span标签之间的区别

div tag span tag
HTML div is a block element. HTML span is an inline element
HTML div element is used to wrap large sections of elements. HTML span element is used to wrap small portion of texts, image etc.

HTML div示例:登录表单

在这个例子中,我们使用div标签创建盒子。框内有一个登录表单。让我们看一下CSS和HTML代码。

CSS代码:

.loginform{
    padding:10px;
    border:1px solid pink;
    border-radius:10px;
    float:right;
    margin-top:10px;
}
.formheading{
    background-color:red;
    color:white;
    padding:4px;
    text-align:center;
}
.sub{
background-color:blue;
padding: 7px 40px 7px 40px;
color:white;
font-weight:bold;
margin-left:70px;
border-radius:5px;
}

HTML代码:

Please Login

Email:
Password:

输出:

支持的浏览器

Element chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
Yes Yes Yes Yes Yes