HTML元素分三大类

发布时间:2021年12月15日 评论数：抢沙发阅读数： 2637

一、块元素

• 网页框架基本结构：html  body  frameset  frame  noframe  iframe
• 表单结构: form  fieldset  legend
• 布局结构:div
• 段落块: p
• 标题结构 h1~h6
• 列表: ul  ol  dl  dt  dd menu  dir
• 居中结构: center
• 预定义机构: pre
• 引用结构: blockquote
• 结构装饰线: hr
• 网页标题 : title

二、行元素

• 行内包含框: span
• 超链接和映射包含框: a  area
• 图像包含框: img
• 格式化信息框: b  i  strong  em  ins  del  abbr  bdo  cite  code  dfn  font  kbd  q  s  samp  small  strike  strike  sub  sup  tt  u  var  
• 表单对象包含框: button  select  textarea  label
• 可执行的插件或对象包含框: apple  object
• 表格标题包含框: caption
• 无脚本包含框: noscript

三、第三类元素

1、头部区域隐藏元素

• 头部包含框：head
• 默认基础字体属性:basefont
• 链接: link
• 元信息: meta
• 脚本 script
• 样式: style
• URL基础: base

2、行内块元素

• 输入框：input
• 下拉选框 option
• 下拉框分组 optgroup

3、列表项元素

• 列表项: li

4、结构内隐藏元素

• 图像映射包含框: map
• 参数: param
• 换行: br

5、表格系列类型元素

• 表格框显示:table
• 表格显示: tr
• 单元格显示: td
• 表格表头显示: th
• 表格行组显示: tbody
• 表格脚注显示 :tfoot
• 表格标题组显示: thead

四、行块元素的特点及区别

块元素的特点

• 高度，行高以及外边距和内边距都可控制。
• 总是在新行上开始，占据一整行。
• 它可以容纳内联元素和其他块元素。
• 宽带始终是与浏览器宽度一样，与内容无关。

行元素的特点

• 行内元素只能容纳文本或者其他行内元素。
• 宽度只与内容有关。
• 和其他元素都在一行上。
• 高，行高及外边距和内边距部分可改变。

行块元素的区别

1.行内元素与块级元素直观上的区别。

行内元素会在一条直线上排列，都是同一行的，水平方向排列。

块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同，主要是盒模型属性上。

行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。




站长推荐阿里云服务器
阿里云代金券https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=yegabhh5

本文作者：DGF      文章标题： HTML元素分三大类
本文地址： https://arbays.com/post/175     本文已被百度收录！
版权声明：若无注明，本文皆为“富录-前端开发|web技术博客”原创，转载请保留文章出处。



提交评论

取消回复

名  字：

邮  箱：

网  址：

清空信息

关闭评论