常见的元素类型分为几类,常见的块级元素和内联元素有哪些?
时间: 2023-04-05 07:04:08 浏览: 95
常见的元素类型分为两类:块级元素和内联元素。
常见的块级元素有:div、p、h1~h6、ul、ol、li、dl、dt、dd、table、form、hr、blockquote、pre等。
常见的内联元素有:a、span、img、input、label、select、textarea、button、strong、em、i、b、u、s、sup、sub等。
相关问题
块级元素和内联元素的区别
块级元素和内联元素是HTML中常用的两种元素类型,它们在布局和显示上有一些区别。
1. 块级元素:
- 块级元素的宽度默认是父元素的100%。
- 块级元素可以设置宽度、高度、内外边距等属性。
- 常见的块级元素有`<div>`、`<p>`、`<h1>`~`<h6>`等。
2. 内联元素:
- 内联元素不会独占一行,可以与其他元素在同一行显示。
- 内联元素的宽度由内容决定,无法设置宽度、高度等属性。
- 内联元素的内外边距只会影响元素之间的间距,不会改变元素本身的大小。
- 常见的内联元素有`<span>`、`<a>`、`<strong>`、`<em>`等。
总结:
块级元素和内联元素的主要区别在于它们的显示方式和布局特性。块级元素会独占一行,可以设置宽度、高度等属性;而内联元素可以与其他元素在同一行显示,宽度由内容决定,无法设置宽度、高度等属性。
内联元素和块级元素的float属性区别
内联元素和块级元素都可以使用float属性。
当内联元素设置float时,它会变成一个块级元素,但是其宽度仍然由内容决定,因此它只会在一行内浮动。
当块级元素设置float时,它会脱离文档流并浮动到父元素的左侧或右侧。它会尽可能地占据父元素的宽度,如果宽度不够,就会被挤到下一行。
总的来说,使用float属性可以让元素脱离文档流并浮动到指定位置,但是需要注意到其对文档结构和其他元素的影响。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)