HTML5-6(html的标签类型)

简介: HTML5-6(html的标签类型)

简述: HTML有N多个标签,根据显示的类型,主要可分为3大类


  • 一.块级标签


特点:独占一行,不管多宽和多高永远是一行,能随时设置宽度和高度(比如div,p,h1,h2,ul,li)


image.png


  • 二.行内标签 (内联标签)


特点:多个行内标签能同时显示在同一行,宽度高度取决于内容的尺寸(比如:span,a,label等标签)


image.png


三.行内块级标签(内联-块级标签):前两种优点的一种杂交*


特点: 多个行内块级标签可以显示在同一行,能随时设置宽度和高度(比如:input,button),也就是说:既能在同一行显示,又能改变宽度和高度


image.png


  • 四.修改标签的显示类型


  • CSS中有个属性display 属性能修改标签的显示类型
  • 1.none : 隐藏标签
  • 2.block : 让标签变为块级标签
  • 3.inline : 让标签变为行内标签
  • 4.inline- block : 让标签变为** 行内-块级标签(内联块级**标签)


例如: 把块级标签转化为行内标签


image.png

目录
相关文章
|
22天前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
25 1
|
1月前
HTML文档基础标签(2)
HTML文档基础标签(2)
|
1月前
|
数据采集 前端开发 JavaScript
html 页面里 noscript 标签的作用介绍
html 页面里 noscript 标签的作用介绍
29 0
|
1月前
HTML常用标签
HTML常用标签
|
7天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
10 2
|
11天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
19天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
22天前
|
移动开发 搜索推荐 开发者
HTML5中的语义化标签有哪些?
【4月更文挑战第1天】HTML5中的语义化标签有哪些?
9 0
HTML5中的语义化标签有哪些?
|
25天前
|
存储 移动开发 前端开发
html的常用标签
【4月更文挑战第1天】html的常用标签
22 4
|
1月前
如何在HTML中添加标签
如何在HTML中添加标签【2月更文挑战第26天】
34 5