zoukankan      html  css  js  c++  java
  • HTML行级元素和块级元素标签列表

    HTML行级元素和块级元素标签列表


      ⭐ tips:块级元素占一行,不论内容多少只要是有2个这样的元素就会换行,行内元素内容少时不会换行。

    一、块元素(block)的特点:
     1. 总是在新行上开始;
     2. 高度,行高以及顶和底边距都可控制;
     3. 宽度缺省是它的容器的100%,除非设定一个宽度。

    二、行内元素(inline)的特点:
     1. 和其他元素都在一行上;
     2. 高,行高及顶和底边距不可改变;
     3. 宽度就是它的文字或图片的宽度,不可改变。

    三、行块级之间的转换:
     1. 行内标签转换块级标签:display:block
     2. 块级元素转换行内元素:display:inline

    四、行内元素列表

      <a>  标签可定义锚
      <abbr> 表示一个缩写形式
      <acronym> 定义只取首字母缩写
      <b> 字体加粗
      <bdo> 可覆盖默认的文本方向
      <big> 大号字体加粗
      <br> 换行
      <cite> 引用进行定义
      <code> 定义计算机代码文本
      <dfn> 定义一个定义项目
      <em> 定义为强调的内容
      <i> 斜体文本效果
      <img> 向网页中嵌入一幅图像
      <input> 输入框
      <kbd> 定义键盘文本
      <label> 标签为input元素定义标注(标记)
      <q> 定义短的引用
      <samp> 定义样本文本
      <select> 项目选择、创建单选或多选菜单
      <small> 呈现小号字体效果
      <span> 组合文档中的行内元素
      <strong> 语气更强的强调的内容
      <sub> 定义下标文本
      <sup> 定义上标文本
      <textarea> 多行的文本输入控件
      <tt> 打字机或者等宽的文本效果
      <var> 定义变量
      <u> 下划线

    五、块级元素列表
      <address> 定义地址
      <caption> 定义表格标题
      <dd> 定义列表中定义条目
      <div> 定义文档中的分区或节
      <dl> 定义列表
      <dt> 定义列表中的项目
      <fieldset> 定义一个框架集
      <form> 创建 HTML 表单
      <h1> 定义最大的标题
      <h2> 定义副标题
      <h3> 定义标题
      <h4> 定义标题
      <h5> 定义标题
      <h6> 定义最小的标题
      <hr> 创建一条水平线
      <legend> 元素为
      <fieldset> 元素定义标题
      <noframes> 为那些不支持框架的浏览器显示文本,于 frameset 元素内部
      <noscript> 定义在脚本未被执行时的替代内容
      <ol> 定义有序列表
      <ul> 定义无序列表
      <li> 标签定义列表项目
      <p> 标签定义段落
      <pre> 定义预格式化的文本
      <table> 标签定义 HTML 表格
      <tbody> 标签表格主体(正文)
      <td> 表格中的标准单元格
      <tfoot> 定义表格的页脚(脚注或表注)
      <th> 定义表头单元格
      <thead> 标签定义表格的表头
      <tr> 定义表格中的行

    六、可变元素为根据上下文语境决定该元素为块元素或者行内元素。
      applet - java applet
      button - 按钮
      del - 删除文本
      iframe - inline frame
      ins - 插入的文本
      map - 图片区块(map)
      object - object对象
      script - 客户端脚本

  • 相关阅读:
    第36课 经典问题解析三
    第35课 函数对象分析
    67. Add Binary
    66. Plus One
    58. Length of Last Word
    53. Maximum Subarray
    38. Count and Say
    35. Search Insert Position
    28. Implement strStr()
    27. Remove Element
  • 原文地址:https://www.cnblogs.com/guisenbin/p/15424968.html
Copyright © 2011-2022 走看看