精华内容
下载资源
问答
  • 行内元素:(以下列举比较常用的行内元素,详情可在w3cschool查询) <a>定义超链接 <b>字体加粗 <span>定义在文档中的行内元素 <img>向网页中插入题图像 <input>输入框 <...

    行内元素有哪些?块级元素有哪些?行内元素如何转换为块级元素?

    行内元素:(以下列举比较常用的行内元素,详情可在w3cschool查询)

    <a>定义超链接
    
    <b>字体加粗
    
    <span>定义在文档中的行内元素
    
    <img>向网页中插入题图像
    
    <input>输入框
    
    <small>小号字体效果
    
    <br>换行
    
    <big>字体加大加粗
    
    <strong>强调的语气
    
    <select>创建单选或多选菜单
    
    <textarea>定义文本域,多行的文本输入控件
    

    块级元素

    <div>定义文档中的分区或节
    
    <h1>定义最大的标题
    
    <h2>定义副标题
    
    <h3>定义标题
    
    <h4>定义标题
    
    <h5>定义标题
    
    <h6>定义最小的标题
    
    <ul>定义无序列表
    
    <ol>定义有序列表
    
    <li>定义有序列表或无序列表的列表项目
    
    <dl>定义自定义列表
    
    <dd>定义自定义列表中的条目
    
    <dt>定义自定义列表中的项目
    
    <hr>创建一条水平线
    
    <p>定义段落
    
    <table>定义表格
    
    <td>表格中的标准单元格
    
    <th>定义表头单元格
    
    <thead>标签定义表格的表头
    
    <tr>定义表格中的行
    

    行内元素与块级元素的区别:

    1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block。

    2.行内元素和其他行内元素都会在一条水平线上排列,都是在同一行的;

    块级元素却总是会在新的一行开始排列,各个块级元素独占一行,垂直向下排列,若想使其水平方向排序,可使用左右浮动(float:left/right)让其水平方向排列。

    3.行内元素不可以设置宽高,宽度高度随文本内容的变化而变化,但是可以设置行高(line-height),同时在设置外边距margin上下无效,左右有效,内填充padding上下无效,左右有效;

    块级元素可以设置宽高,并且宽度高度以及外边距,内填充都可随意控制。

    4.块级元素可以包含行内元素和块级元素,还可以容纳内联元素和其他元素;

    行内元素不能包含块级元素,只能容纳文本或者其他行内元素。

    展开全文
  • 一般来说,html的元素分为两种,即...行内元素行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定,...

    一般来说,html的元素分为两种,即块级元素和行内元素。

     

    块级元素:块状元素排斥其他元素与其位于同一行,可以设定元素的宽(width)和高(height),块级元素一般是其他元素的容器,可容纳块级元素和行内元素。

    行内元素:行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同一行,行内元素内一般不可以包含块级元素。行内元素的高度一般由元素内部的字体大小决定,宽度由内容的长度控制。

     

    常见块级元素有:h1,h2,h3,h4,h5,h6,p,div,dl,dt,hr,ol,ul,li,form,pre,table,td,th;

    常见内联元素有:em,strong,span,button,input,label,code,select,img,textarea

     

    两者之间的区别:

    区别:
    1.块级元素占据一整行,内联元素的宽度是其元素内容的宽度,多个内联元素排列会放在同一行里除非放不下,才会挤到新的一行
    2.块级元素可以设置宽度width和高度height,而内联元素设置widht和height是无效的
    3.块级元素可以包含块级元素和内联元素,而内联元素只能包含文本
    4.块级元素可以设置margin和padding属性,行内元素只有margin-left、margin-right、padding-left、padding-right起作用

     

    比如:我们可以给div和p元素应用以下的样式,但是span标签不能应用下面的样式。

    .test{
     width:100px;
     height:100px;
     }
    

     

    当然我们还可以通过样式display属性来改变元素的显示方式。当display的值设为block时,元素将以块级方式呈现;当display值设为inline时,元素将以行内形式呈现。所以我们可以给span标签应用以下样式:

    .test{
     width:100px;
     height:100px;
     display:block;
     }
    

      

    转载于:https://www.cnblogs.com/ianyanyzx/p/9102729.html

    展开全文
  • HTML5 行内元素有哪些,块级元素哪些, 空元素哪些? (1)行内元素 inline element a - 锚点 b - 粗体 ( 不推荐 ) strong - 粗体强调 br - 换行 em - 强调 i - 斜体 img - 图片 input - 输入框 label - 表格标签 ...

    前端面试题(8)

    打卡:

    • 2021-5-2

    HTML

    HTML5 行内元素有哪些,块级元素有哪些, 空元素有哪些?

    (1)行内元素 inline element

    a - 锚点
    b - 粗体 ( 不推荐 )
    strong - 粗体强调
    br - 换行
    em - 强调
    i - 斜体
    img - 图片
    input - 输入框
    label - 表格标签
    select - 项目选择
    span - 常用内联容器,定义文本内区块
    s - 删除线 ( 不推荐 )
    strike - 删除线
    sub - 下标
    sup - 上标
    textarea - 多行文本输入框
    u - 下划线
    var - 定义变量
    
    abbr - 缩写(注释)
    acronym - 首字(注释)
    bdo - bidi override?
    big - 大字体
    cite - 引用
    code - 计算机代码 ( 在引用源码的时候需要 )
    dfn - 定义字段?
    font - 字体设定 ( 不推荐 )
    kbd - 定义键盘文本
    q - 短引用
    samp - 定义范例计算机代码?
    small - 小字体文本
    tt - 电传文本
    

    (2)块元素 (block element)

    form - 交互表单
    h1 - 大标题
    h2 - 副标题
    h3 - 3 级标题
    h4 - 4 级标题
    h5 - 5 级标题
    h6 - 6 级标题
    hr - 水平分隔线
    div - 常用块级容易,也是 css layout 的主要标签
    dl - 定义列表
    menu - 菜单列表
    ol - 排序表单
    p - 段落
    pre - 格式化文本
    table - 表格
    ul - 非排序列表
    
    address - 地址?
    blockquote - 块引用?
    center - 居中对齐块
    dir - 目录列表
    fieldset - form 控制组?
    isindex - input prompt?
    noframes - frames 可选内容,(对于不支持 frame 的浏览器显示此区块
    内容?
    noscript - )可选脚本内容(对于不支持 script 的浏览器显示此内容)?
    

    (3)可变元素

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

    (4)空元素

     ( 在 HTML[1] 元素中,没有内容的 HTML 元素被称为空元素 )
    <br/> //换行
    <hr> //分隔线
    <input> //文本框等
    <img> //图片
    <link> <meta>
    
    展开全文
  • 行内元素 、块级元素 、行内块元素 区别 行内元素 无论内容多少,总是独占一行 设置宽高无效 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效 不会自动进行换行 行内元素只能容纳文本或者其他行内...

    区别

    行内元素

    1. 无论内容多少,总是独占一行
    2. 设置宽高无效
    3. 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效
    4. 不会自动进行换行
    5. 行内元素只能容纳文本或者其他行内元素

    块级元素

    1. 能够识别宽高
    2. margin和padding的上下左右均对其有效
    3. 可以自动换行
    4. 多个块状元素标签写在一起,默认排列方式为从上至下

    行内块元素

    1. 不自动换行
    2. 能够识别宽高
    3. 默认排列方式为从左到右

    相互之间转化

    • display:inline : 转换为行内元素
    • display:block : 转换为块状元素
    • display:inline-block : 转换为行内块状元素

    行内元素

    <a>标签可以是超链接或锚
    
    <b>标签规定粗体文本
    
    <br>以下代码标记一个换行
    
    <big>让文本比常规的字体大一号
    
    <i>标签显示斜体文本效果
    
    <small>标签呈现小号字体效果
    
    <strong><em> 标签一样,用于强调文本,但它强调的程度更强一些
    
    <span>标签被用来组合文档中的行内元素
    
    <label>标签为 input 元素定义标注
    
    --------------------------------------
    
    <abbr>它所包含的文本是一个更长的单词或短语的缩写形式
    
    <acronym>标签定义首字母缩写
    
    <cite> 标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题
    
    <code>对文档中的文本进行格式化
    
    <dfn> 标签可标记那些对特殊术语或短语的定义
    
    <em>实例 对文档中的文本进行格式化
    
    <kbd>标签定义键盘文本
    
    <samp>表示一段用户应该对其没有什么其他解释的文本字符
    
    <var>标签表示变量的名称,或者由用户提供的值
    
    <bdo>可覆盖默认的文本方向
    
    <map>定义客户端图像映射
    
    <object>元素用于在网页中包含对象,比如:图像、音频、视频、Java applet、ActiveX、PDF、Flash 等
    
    <q>标签用于简短的行内引用
    
    <tt>标签呈现类似打字机或者等宽的文本效果
    
    <script>HTML 页面中插入一段 JavaScript
    
    <sub>下标文本
    
    <sup> 上标文本
    
    

    块级元素

    <audio> HTML5音频播放
    
    <canvas> HTML5绘制图形
    
    <div>文档分区
    
    <footer> HTML5区段尾或页尾
    
    <form>表单
    
    <h1>, <h2>,<h3>, <h4>, <h5>, <h6>标题级别 1-6
    
    <header> HTML5区段头或页头
    
    <hr>水平分割线
    
    <ol>有序列表
    
    <p>定义段落
    
    <table>表格
    
    <ul>无序列表
    
    <video> HTML5视频
    
    ---------------------------------------
    
    <address>联系方式信息
    
    <article> HTML5文章内容
    
    <aside> HTML5伴随内容
    
    <blockquote>块引用
    
    <dd>定义列表中定义条目描述
    
    <dl>定义列表
    
    <fieldset>表单元素分组
    
    <figcaption> HTML5图文信息组标题
    
    <figure> HTML5图文信息组 (参照 <figcaption>)
    
    <hgroup> HTML5标题组
    
    <noscript>不支持脚本或禁用脚本时显示的内容
    
    <output> HTML5表单输出
    
    <pre>预格式化文本
    
    <section> HTML5一个页面区段
    
    <tfoot>表脚注
    

    行内块状元素

    
    <button>按钮
    
    <input>一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮
    
    <img>标签创建的是被引用图像的占位空间
    
    <select>select 元素是一种表单控件,可用于在表单中接受用户输入
    
    <textarea>标签定义多行的文本输入控件,文本区中可容纳无限数量的文本
    
    展开全文
  • 行内元素和块级元素

    2019-04-10 10:49:13
    行内元素和块级元素 行内元素和块级元素区别 块级元素会独占一行,其宽度自动填满其父元素宽度 行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容而变化 一般...
  • CSS规范规定,每个元素都display属性,确定该元素的类型,每个元素都默认的display值...(1)行内元素有:a( 锚点) ,b(粗体(不推荐)) ,span(常用内联容器,定义文本内区块) img(图片) input(输入框) select(项目...
  • 一,行内元素与块级元素的区别: 1.行内元素与块级元素直观上的区别二、行内元素与块级元素的三个区别 行内元素会在一条直线上排列(默认宽度只与内容有关),都是同一行的,水平方向排列。 块级元素各占据一行...
  • 行内元素只能容纳文本或者其他行内元素。之前文章中讲到的a,img,br是行内元素。块级(block)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100...
  • CSS中的块级元素、行内元素和行内块元素

    千次阅读 多人点赞 2019-05-21 14:09:11
    比如:div 与span的显示方式不一样,因为 div是块级元素,会占据一行,而span为行内元素,可多个span放置一行。接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。 块级元素 block 块级元素,...
  • 总览 块级(display:block):div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、...1.行内元素 与 块级元素可以相互转换,通过修改 display 属性
  • 块元素 行内元素 行内块元素 总结 显示模式的转换 1、转换成块元素 2、转换成行内元素 3、转换成行内块元素
  • 行内元素如果其上一个元素也是行内元素,则他们会分布在统一水平线上,即在一行上排列,块级元素不论上一个元素是行内元素还是块级元素都要另起一行,单独占一行。 对于行内元素设置with、height、margin值无效,但...
  • 在标准文档流里面,块级元素具有以下特点: ①总是在新行上开始,占据一整行; ②高度,行高以及外边距和内边距都可控制; ③宽带始终是与浏览器...行内元素的特点: ①和其他元素都在一行上; ②高,行高及外边距...
  • 文章目录Html行内元素与块级元素哪些及区别详解一、HTML常见的行内元素有:二、HTML常见的块级元素:三、==区别==·块级元素·行内元素四、==转换==使用display属性能够将三者任意转换:行内块状元素综合了行内...
  • 一.行内元素和块级元素哪些? 块级元素 information on author long quotation push button table caption definition description delete
  • 比如:div 与 span 的显示方式不一样,因为 div是块级元素,会占据一行,而span为行内元素,可多个span放置一行。 接下来就详细讲一下在CSS中块级元素、行内元素和行内块级元素的区别。 1. 块级元素 block 块级元素...
  • inline行内元素

    2021-01-05 14:48:47
    行内元素可以设置 padding-left padding-right margin-left margin-right,可以将其和与之一行的元素挤开一定的距离,一般我们认为行内元素不能设置margin和padding的top 和 bottom,其实这些是可以的,只是,对于...
  • 行内元素与块级元素

    2017-08-13 11:19:13
    1.行内元素与块级元素2.行内元素与块级函数的区别 (1)行内元素会在一条直线上排列,都是同一行的,水平方向排列; 块级元素各占据一行,垂直方向排列。块级元素从新行开始结束接着一个断行。 (2)行内元素,...
  • 块级元素与行内元素

    2015-10-29 23:29:17
    块级元素与行内元素 我们在做页面布局的时候,一般会将html元素分为两种,即块级元素和行内元素。 块级元素:块状元素排斥...行内元素行内元素不可以设置宽(width)和高(height),但可以与其他行内元素位于同...
  • HTML中块级元素与行内元素的区别和转换在写网页代码的...我们经常用的好多标签被分为两种形式:块级元素和行内元素。这两种类型之间是如何区分和转换的?今天我们就一起来了解一下。1.块级元素块级元素:black el...
  • 行内元素(inline):宽高不可改变,上下内外边距不可改变,左右内外边距可以改变,如 b 、a 、span 、i 等 行内块元素(inline-block):可设置宽高、内外边距,但不会自动换行,如 input、img、button 等 ...
  • 块元素和行内元素

    2017-12-08 08:25:23
    块元素和行内元素 (1)块级元素:排斥其他元素与其位于同一行(自己占一行,不能和别的元素放在同一行),可以 设定该元素的width、height,一般作为其他元素的容器,可以放块级元素、行内元素 align属性...
  • HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换:  (1)display:inline;... 行内元素最常使用的就是span,其...
  • 块元素和行内元素的特点

    千次阅读 2019-04-09 20:47:59
    块元素特点: 1.独占一行 2.元素的宽高和内外边距都可以设置 3.宽度如果不设置就是父级元素的100% 常见的块元素有以下几种:p div table h1 h2 h3 h4 h5 h6 ul ol ...常见的行内元素有以下几种:span img br input ...
  • 块级元素和行内元素是布局中常见的两种基本元素,但是未必很多人深入的研究它们的细微差别。 常见块级元素:div p form ul ol li 等; 常见的行内元素:span stronh em; 它们的区别主要有以下几点: 1.块级元素...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 29,299
精华内容 11,719
关键字:

以下是行内元素的有