HTML代码中的div是什么标签,有什么用

 时间:2024-10-12 17:07:45

1、首先div是一稍僚敉视个双标签,其实标签是<div>,末尾标签是</div>中间可以添加文字、图片、以及其他标签,div可以包容一切所以一般都称他为盒子模型

HTML代码中的div是什么标签,有什么用

2、比如,我们在div中直接输入文字,或者标题标签,以及图片标签img

HTML代码中的div是什么标签,有什么用

3、然后将其保存预览的时候,他就是这样排列的,从上到下依次排列

HTML代码中的div是什么标签,有什么用

4、div里面可以添加文字,还可以同时使用多个div,如果想要更改文字的颜色,就直接在样式中输入div{} 大括号中输入的是对他的修饰

HTML代码中的div是什么标签,有什么用

5、将文字变成红色显示,在浏览器中预览就是红色的字了,因为div是块状标签,会自动湍恬擒舍换行,所以三个div里面的文字就是三行了,如图所示

HTML代码中的div是什么标签,有什么用

6、我们还可以对div盒标签添加描边选择设置,如图所示,添加border的属性

HTML代码中的div是什么标签,有什么用

7、这样就在文字的外边框添加了颜色,粗细以及大小也可以控制。

HTML代码中的div是什么标签,有什么用
  • 如何在HTML中插入图片
  • html轮播图怎么制作
  • 网页设计HTML中如何插入背景图片
  • HTML怎么实现网页跳转
  • html如何把两个网页连接起来
  • 热门搜索
    关于英雄的手抄报 抗疫情手抄报 五一劳动节的手抄报 我心目中的英雄手抄报 英语手抄报图片简单又漂亮 手抄报设计图 名人故事手抄报 元旦的手抄报 小学生植树节手抄报 小学生科技手抄报