最新文章:

您的位置: 富录-前端开发|web技术博客 > HTML&&CSS > HTML元素分三大类

HTML元素分三大类

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

    点击查看原图

    一、块元素

    • 网页框架基本结构: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上下无效。


二维码加载中...
本文作者:DGF      文章标题: HTML元素分三大类
本文地址: https://www.arbays.com/post-175.html     本文已被百度收录!
版权声明:若无注明,本文皆为“富录-前端开发|web技术博客”原创,转载请保留文章出处。
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论