精华内容
下载资源
问答
  • 常见的块级元素有哪些
    千次阅读
    2022-01-27 01:20:12

    一、在html中,元素主要分为行内元素和块级元素
    1.行内元素指的是书写完成后不会自动换行,并且元素没有宽和高。

    行内元素有:

    <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>定义变量

    2.块级元素写完后会自动换行,有宽高可以修改

    块级元素有:

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

    3.还有一种特殊的元素叫做行内块元素。
            行内块元素常见的有: img  input  td  

    注意一点:在p元素中可以放行内元素,但不能放块级元素

    更多相关内容
  • 想起之前工作面试时,面试官问的一个问题:行内元素有哪些,和块级元素有什么区别?这是一道蛮基础的面试题,但是很多初学者平时只注重标签语义,忽视了标签行内和块级的特性, 因此对于上述问题很可能答不上来...
  • css块级元素介绍:(学习视频分享:css视频教程)根据W3C上的解释,就是说block(块级)元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。其实,通俗点来说,就是块元素(block element)...

    3e8839d48e1208ea94a65dcb18bf7918.png

    css块级元素介绍:

    (学习视频分享:css视频教程)

    根据W3C上的解释,就是说block(块级)元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。其实,通俗点来说,就是块元素(block element)一般是其他元素的容器元素,能容纳其他块元素或内联元素。最常见的就是P和div这两个,说的再简单点,就是块元素就好比一个四方块,可以放其他的四方块,并可以呈现在页面上任何地方。

    如果对于上述的css块级元素定义还是不太理解,我们再来看一看css块级元素的三个特点:

    1、每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。

    2、元素的高度、宽度、行高和顶底边距都是可以设置的。

    3、元素的宽度如果不设置的话,默认为父元素的宽度。

    常见的css块级元素:address : 地址。

    blockquote:块引用。

    center:举中对齐块。

    dir:目录列表。

    div: 常用块级容易,也是CSS layout的主要标签。

    dl:定义列表。

    fieldset:form控制组。

    form:交互表单。

    h1– h6:标题。

    hr:水平分隔线。

    isindex :input prompt。

    menu:菜单列表。

    noframes:frames可选内容,(对于不支持frame的浏览器显示此区块内容)。

    noscript :可选脚本内容(对于不支持script的浏览器显示此内容)。

    ol:有序表单。

    p: 段落。

    pre:格式化文本。

    table:表格。

    ul:无序列表。

    相关推荐:CSS教程

    展开全文
  • 面试官:请说一下行内元素有哪些块级元素有哪些 行内元素:a b span img input select strong; 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p; 空元素,即没有内容的HTML元素。空元素是在开始标签...

    面试官:请说一下行内元素有哪些,块级元素有哪些

    • 行内元素有:a b span img input select strong
    • 块级元素有:div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p

    空元素,即没有内容的HTML元素。空元素是在开始标签中关闭的,也就是空元素没有闭合标签:

    • 常见的有:<br><hr><img><input><link><meta>
    • 鲜见的有:<area><base><col><colgroup><command><embed><keygen><param><source><track><wbr>

    解释:
    1)行内元素有:a( 锚点) ,b(粗体(不推荐)) ,span(常用内联容器,定义文本内区块) img(图片) input(输入框) select(项目选择) strong(粗体强调) label(表格标签) cite (引用)code(计算机代码)等等
    (2)块级元素有:div ul(无序列表) ol(有序列表) dl(定义列表) table(表格)form(表单) h1 (一级标题))p(段落)pre(预格式化)等等

    块级元素

    每个块级元素通常都会独占一行或者是多行,可以对其单独设置高度,宽度以及对齐等属性。

    常见的块级元素有:<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>	等
    

    块级元素的特点:

    • 块级元素会独占一行
    • 高度,行高,外边距和内边距都可以单独设置
    • 宽度默认是容器的100%
    • 可以容纳内联元素和其他的块级元素

    行内元素

    行内元素(内联元素):不占有独立的区域,仅仅依靠自己的字体大小或者是图像大小来支撑结构。一般不可以设置宽度,高度以及对齐等属性。

    常见的行内元素有:<a>,<strong>,<b>,<em>,<del>,<span>等
    

    行内元素的特点:

    • 和相邻的行内元素在一行上
    • 高度和宽度无效,但是水平方向上的padding和margin可以设置,垂直方向上的无效
    • 默认的宽度就是它本身的宽度
    • 行内元素只能容纳纯文本或者是其他的行内元素(a标签除外)

    注意:

    - 只有文字才能组成段落,因此类似<p>,<h1>~<h6>,<dt>等里面不能放块级元素;因为它们都是文字块级标签,里面不能再存放其他的块级标签。
    - 链接里面不能再存放链接

     行内块级元素

    在行内元素中有几个特殊的标签,<img/>,<input/>,<td/>,可以设置它们的宽高度以及对齐属性

    显示模式的转换

    块转行内:display:inline;

    行内转块:display:block;

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

    展开全文
  • 常见块级元素有: <div> <p> <h1>-<h6> <ol> <dl> <li> <ul> <table> <address> <form> <blockquote> 二、内联元素 1.只占据它对应标

    常见的块级元素、内联元素、行内块级元素

    一、块级标签
    1、独占一行,不和其他元素待在同一行
    2、可以控制宽高、行高、边距、边框等改变其尺寸

    常见的块级元素有:

    <div>  <p>  <h1>-<h6>  <ol>  <dl>  <li>  <ul>  <table>  <address>
    <form>  <blockquote>
    

    二、内联元素
    1.只占据它对应标签的边框所包含的空间
    2.只能通过修改水平边距、边框或者行高的方式改变尺寸
    3.只能容纳文本或者其他内联元素

    常见的内联元素有:

    <a>  <span>  <br>  <i>
    <em>  <strong>  <label>  <q>  <var>  <cite>   <code>
    

    三、行内块级元素
    1.元素在行内排列,不会独占一行
    2.支持设置宽高以及垂直边距、边框

    常见的内联元素:

    <img>  <input>   <td>
    <textarea>  <select>  <option>
    
    展开全文
  • 首先:CSS规范规定,每个元素都display属性,确定该元素的类型,每个元素都默认的display值,如div的display默认值为...(2)块级元素有:divulollidldtddh1h2h3h4…p (3)常见的空元素:<br><hr>...
  • html中的行内元素和块级元素有哪些 在html中,元素主要分为行内元素和块级元素; 行内元素指的是书写完成后不会自动换行,并且元素没有宽和高。 行内元素的特点:相邻的行内元素不换行,设置宽高无效,margin设置仅...
  • 常见块级元素: header,form,ul,ol,table,article,div,hr,aside,figure,canvas,video,audio,footer 特点: 块级元素会独占一行 高度,行高,外边距和内边距都可以单独设置 宽度默认是容器的100% 可以容纳内联元素和...
  • CSS规范规定,每个元素display属性,确定该元素的类型,每个元素默认的display值,如div的display默认值为“block”,则为“块级元素;span默认display属性值为“inline”,是“行内”元素。 (1)行内...
  • html中行内元素、块级元素、行内块级元素有哪些,以及它们之间的区别 行内元素: 最常用的是span,其他还有img、a abbr b big br em i input label 块级元素 比较代表性的是div 其余p h1 h2 h3 h4 h5 h6 ...
  • 常见块级元素(自动换行, 可设置高宽 ): div,h1-h6,p,pre,ul,ol,li,form,table,label等 常见的行内元素(无法自动换行,无法设置宽高): a,img,span,i(斜体),em(强调),sub(下标),sup(上标)等。 ...
  • 其中块级元素有div、h1~h6、table、p、ul、ol、audio、video等; 内联元素的display属性是inline/inline-block。其中内联元素span、img、input、button、a等。 区别: 块级元素:独占一行;可以设置宽高,当不...
  • 每个元素默认的display值,如div的display默认值为“block”,则为“块级元素;span默认display属性值为“inline”,是“行内”元素。 1.行内元素有:a(锚点),b(粗体(不强调使用)),span(常用内联...
  • 常见行内元素(inline): <a>、<strong>、<del>、<s>、<u>、<b>、<span>、<br>、<em>、<font>、<i>、<img>、<input>、<lable&...
  • 常用的行内元素和块级元素有哪些及区别? 1. 块级元素和内联元素的区别: 1.块元素,总是在新行上开始;内联元素,和其他元素在一行; 2.块元素,能容纳其他块元素或者内联元素;内联元素,只能容纳文本或其他内联...
  • 2.常见块级元素 div、p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre,HTML5新增的header、section、aside、footer等 <center>...</center> 地址文字 <h1>....
  • 在css盒子模型中,我们提到了html元素中的块元素(block element)和内联...常见的块元素:div、h1-h6标题、form(只能用来容纳其他块元素)、hr、p、table、ul、ol等。内联元素(inline element)也叫内嵌元素或行内元
  • 一、常见块级元素有哪些: button,div , dl ,dt ,form , h1 ,h2 ,h3 , h4 ,h5 ,hr ,li ,ul ,table系列,button; 二、常见行内元素有哪些: img ,a ,input ,textarea ,b ,br ,span, select ,label ,map ,strong ; 三...
  • 1.块级元素,默认是独自占据一行的,可以设置宽高,比如是&lt;p&gt;、&lt;h1&gt;、&lt;h2&gt;、&lt;h3&gt;、&lt;h4&gt;、&lt;h5&gt;、&lt;h6&gt;、&lt;...
  • 行内元素和块级元素分别有哪些

    千次阅读 2021-05-09 16:33:17
    行内元素和块级元素分别有哪些? 行内元素: < a > 、 < em > 、 < strong > 、 < span > 、 < i > 、< label >、 < br > 块级元素: < div > 、 < p > ...
  • 行内元素、块级元素、空元素分别有哪些
  • html标签分为两种,内联元素和块级元素,首先我们先了解一下内联元素和...常见块状元素为“div”内联元素(行内元素):内联元素只能容纳文本或者其他内联元素,是块级元素的后代,它允许其他内联元素与其位于同一行,...
  • html标签分为两种,内联元素和块级元素,首先我们先了解一下内联元素和块级元素的概念:...根据块级元素的概念我们可以理解为块级元素前后带换行符,也就相当于元素前后加了一个 标签。我们可以把块级元素想象成一
  • 行内元素有哪些? 常用的行内元素: a - 锚点 em - 强调 br - 换行 img - 图片 font - 字体设定(不推荐) span - 常用内联容器,定义文本内区块 input - 输入框 label - 表格标签 select - 项目选择 strong - 粗体...
  • 块级元素:div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容,border ,margin,padding css中的display属性(行内元素和块级元素) 我们常用的display属性值: inline block ...
  • 块级元素有哪些? 空(void)元素那些? CSS规范规定,每个元素都display属性,确定该元素的类型,每个元素都默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值...
  • 码笔记分享块级元素和内联元素汇总大全:HTML块级元素HTML中的块级元素(block element)总是在新一行开始,高度边距都是可控的,并且块元素容纳内联元素和其他块元素,码笔记分享常见的块元素:...地址...居中对齐块....
  • 块级元素 常见有: h、p、div、hr、pre、html、body blockquote、address、form ul、ol dl、dd、dt fieldset、legend optgroup、option 注意:块级元素宽度默认继承父类元素宽度 默认高度是被内容撑开 ,独占一行 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 28,959
精华内容 11,583
热门标签
关键字:

常见的块级元素有哪些