这篇文章主要介绍HTML中div标签如何使用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强>什么是div标签?
div标签表示一组必要的结构。目的是将夹在div标签之间的字符分成块状,因此,单独的div标签没有诸如改变颜色或改变字符样式的效果。
另外,如果div标签不适合其他元素,则就暂时不要使用它。
但是,实际上,当需要指定哪个元素时,我们经常会使用div标签。
通过将id和类添加到div标签并使用CSS处理id和类,你就可以更改div标签中的颜色或改变为其他样式。
<强> div标签与部分标签的比较
我认为部分标签在文档上显示单个集合比较合适
部分标签用于将组指示为文档。
我认为章节有章节的项
正如章节子句的这个概念一样,部分标签是一个块,如果它被提取,通常没有意义。
在报纸文章中,即使你只剪辑章节项,我也不认为整篇文章的意图可以传达。
通过比较,部分标签的使用方式与div标签的使用方式不同,而是作为句子用于表示组。
<强> div标签的用法 <强>
写下div标签如下。
如上所述,div标签通过添加id和类非常有用。如何分配id和类如下。
<强>顺便说一下id和类
顺便说一下,id和类是什么? id和类被称为属性,id是我具有D号之类的东西,具有相同id名称的东西只能在该页面内使用一次。
相反,我们将id属性用于我们仅使用一次的事物。
另一方面,类属性可以在同一页面上使用多次。如果要指定”此元素和此元素的颜色相同”,请使用类属性。
当然,即使你只使用一次,也可以使用类属性。
<强>我们来看实际的例子
我们先来看看div标签包围的结果
对于id和类,我们指定每个名词的颜色名称。
使用以下源代码创建div.html并在浏览器中打开它。
div。html
& lt; body> & lt; div id=皉ed"祝辞苹果& lt;/div> & lt; div类=皊kyblue"祝辞天空& lt;/div> & lt; div类=皔ellow"祝辞香蕉& lt;/div> & lt; div类=癰lue"祝辞大海& lt;/div> & lt; div类=發ightyellow"祝辞蒲公英& lt;/div> & lt;/body> & lt;/html>
在浏览器中显示效果如下:
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf-8"/比;
& lt; title> & lt;/title>
& lt;风格类型=拔谋?css"比;
红色# {
background - color: # FF0000;
}
.skyblue {
背景颜色:天蓝色;
}
.yellow {
背景颜色:黄色;
}
.blue {
背景颜色:蓝色;
}
.beige {
背景颜色:米色;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=皉ed"祝辞苹果& lt;/div>
& lt; div类=皊kyblue"祝辞天空& lt;/div>
& lt; div类=皔ellow"祝辞香蕉& lt;/div>
& lt; div类=癰lue"祝辞大海& lt;/div>
& lt; div类=癰eige"祝辞蒲公英& lt;/div>
& lt;/body>
& lt;/html>
在浏览器中显示效果如下:
以上是HTML中div标签如何使用的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
