HTML元素的分类 EC前端 - HTML教程 块元素 div:无语义,常用于布局 aside:表示article元素的内容之外的与article元素的内容相关内容 figure:表示一段独立的流内容:使用<figcaption>元素为其添加标题 例: <figure> <figcaption>PRC</figcaption> <p>the people......</p> </figure> dialog:该标签定义对话…

  在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span&g…

HTML元素以及HTML元素的分类 html标签又叫做html元素,它分为块级元素和内联元素(也可以叫做行内元素),都是html规范中的概念 块级元素 含义:块级元素是指本身属性为display:block;的元素.因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建 独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布 可以直接控制宽度.高度以及盒子模型的相关css属性(width/height/border/margin/padding) 在不设置宽度的情况下,块级元素…

今天零度给大家讲一下基本的html元素分类: HTML元素的分类其实主要有两种元素构成——块级元素和内联元素. html元素的分类有块级元素和行内元素 一.块级元素(block)的特点: 1.总是在新行上开始:2.高度,行高以及外边距和内边距都可控制:3.宽度缺省是它的容器的100%,除非设定一个宽度:4.它可以容纳内联元素和其他块元素. 二.内联元素(inline)的特点: 1.和其他元素都在一行上:2.高和外边距不可改变:3.宽度就是它的文字或图片的宽度,不可改变:4.设置宽度width无效…

一.边框属性 作用:给元素加上一个边框 第一种: border-top border-bottom border-left boder-right 三个属性值: 粗细 线型 颜色 第二种: border :粗细 线型 颜色 整个边框部分的调整. 透明色:transparent 允许你为元素添加圆角边框的属性:border-radius border-style的常见属性值: 值 描述  none 定义无边框. hidden 与 "none" 相同.不过应用于表时除外,对于表,hidde…

按照显示元素分类: 行内元素(lnline-element):元素的高度,行高,顶底边距由元素所包含的图片或文字所决定,不可改变:其宽度为内容文字或图片的宽度所决定,而其左右边距可人为设置. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果.(水平方向有效,竖直方向无效)(…

解释几个概念: 替换元素:官方解释是,一个内容不受css视觉格式化模型控制,css渲染模型并不考虑对此内容的渲染,且元素一般拥有固定的尺寸,(高度,宽度)的元素,被称为置换元素.通俗来说就是浏览器根据元素的标签和属性,来决定元素的具体显示内容. 举例来说:浏览器会根据img标签的src属性的值来读取图片信息并显示出来,而如果查看html代码,则看不出图片的内容,根据input标签的type属性来决定是显示输入框还是单选按钮等,这些元素往往没有实际的内容,即是一个空元素. 非置换元素:直接告诉浏览…

一.html元素可分为三大类:块元素.内联元素.可变元素 1.块元素: 常见块状元素:div,p,ul,ol,li,dl,dt,dd,form,hr,table,tr,td,h1-h6,filedset,caption 块状元素特点: (a)以块的形式显示为一个矩形区域: (b)块状元素独占一行,自上而下排列: (c)块状元素可以定义自己的宽度和高度,以及盒模型中的margin,padding,border: (d)块状元素可以作为一个容器包含其他的块状元素或内联元素. 2.内联元素(行内元素)…

行内元素列表: <a>标签可定义锚 <abbr>表示一个缩写形式 <acronym>定义只取首字母缩写 <b>字体加粗 <bdo>可覆盖默认的文本方向 <big>大号字体加粗 <br>换行 <cite>引用进行定义 <code>定义计算机代码文本 <dfn>定义一个定义项目 <em>定义为强调的内容 <i>斜体文本效果 <img>向网页中嵌入一幅图像&…

HTML中包含大量的标签, 这些标签在我们使用中发现会有小小的差别, 有的标签用了之后不会有太大的布局变化, 只是语义化, 而有的标签却会重起一行, 相当于自己回车了一次, 这就是不同标签元素的分类不同造成的结果. 块级元素 在HTML中, <div>, <p>, <h1>, <form>, <ul>, <ol>, <li>等标签就是块级元素, 每个块级元素一般都具有相同的特点. 1, 每个块级元素都从新的一行开始, 并且…