首页
学习
活动
专区
工具
TVP
发布

HTML内联元素与级元素

内联元素与级元素的转换 元素(block element)和内联元素(inline element)都是html规范的概念。在加入了CSS控制以后,可以改变元素和内联元素之间的差异。...CSS还有一个dipslay:inline-block,显示为内联元素,表现为同行显示并可修改宽高内外边距等属性。...内联元素与级元素列表 3.1 级元素列表 TypeNoteaddress定义地址caption定义表格标题dd定义列表定义条目div定义文档的分区或节dl定义列表dt定义列表的项目fieldset...标签定义 HTML 表格tbody标签表格主体(正文)td表格的标准单元格tfoot定义表格的页脚(脚注或表注)th定义表头单元格thead标签定义表格的表头tr定义表格的行 3.2 行内元素列表...TypeNotebutton按钮del定义文档已被删除的文本iframe创建包含另外一个文档的内联框架(即行内框架)ins标签定义已经被插入文档的文本map客户端图像映射(即热区)objectobject

2.5K30
您找到你想要的搜索结果了吗?
是的
没有找到

CSS 元素、内联元素、内联元素

仅供学习,转载请注明出处 元素、内联元素、内联元素 元素就是标签,布局中常用的有三种标签元素、内联元素、内联元素,了解这三种元素的特性,才能熟练的进行页面布局。...元素 元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6、dl、dt、dd等等都是元素,它在布局的行为: 支持全部的样式 如果没有设置宽度,默认的宽度为父级宽度100%...内联元素 内联元素,也可以称为行内元素,布局中常用的标签如:a、span、em、b、strong、i等等都是内联元素,它们在布局的行为: 支持部分样式(不支持宽、高、margin上下、padding上下...这三种元素,可以通过display属性来相互转化,不过实际开发元素用得比较多,所以我们经常把内联元素转化为元素,少量转化为内联,而要使用内联元素时,直接使用内联元素,而不用元素转化了。...DOCTYPE html> div{

3.4K20

【网页前端】HTML标签以及框架标签

专栏介绍 【前端网页】 目前主要更新HTML,一起学习一起进步。...本期介绍 本期主要介绍HTML标签以及框架标签 文章目录 1.HTML基本语法(二)         1.1标签:span         1.2标签:div 2.自学扩展         2.1...框架标签 1.HTML基本语法(二)         1.1标签:span 行级的标签,用于在效果 一行上定义一个,进行内容显示。...② Span 不会自动换行 适用于少量数据展示 示例: 效果:         1.2标签:div  级的标签,用于在效果 定义一,默认占满一行,进行内容的显示...2.1.1 框架标签标签,是框架设置布局标签,专门用于页面的布局和划分。

84720

HTML&CSS 课程】03 标签和行内标签

image.png 步骤1:问候一下div标签 首先,让我们一起认识一下div标签,这是一个极为常用的标签。所谓的标签,就是高度为0,宽度100%的标签,也就是说,它是独占一行的!...DOCTYPE html> 第三讲 效果是...image.png 我靠,真TM惨,宽度和高度都是0,这个标签HTML捡来的么?别急,我们给span标签里面加一点料。 听说双拾壹什么都便宜,那你能不能跟我在一起,就当便宜我。...步骤3:图片img是什么标签 网页是可以引入图片的,在html,我们用img标签来引入图片。 标签有两个必需的属性:src 和 alt。...步骤4:行内标签标签的转换 首先,继续上一个问题,怎样让行内标签换行,最简单的办法:div不是标签吗?那直接在外面套一层div不就好了? <!

1.2K50

HTMLimg标签

DOCTYPE html> Document ...3.注意点 和H系列标签/p标签还有Hr标签不一样, img标签不会独占一行 如果我们手动指定了img标签显示的图片的宽度和高度, 有可能会导致图片变形, 那么如果又想指定宽度和高度, 又不想让图片变形...我们可以只指定宽度和高度其中的一个值即可 只要指定了高度, 系统会自动根据高度计算出宽度, 只要指定了宽度, 系统会自动根据宽度计算出高度, 并且都是等比拉伸的, 也就是说不会变形 4.img的其它属性...width: 宽度 height: 高度 所以在img标签width/height这两个属性的作用, 就是用来告诉img标签将来需要显示的图片有多宽有多高 如果img标签没有指定需要显示的图片的宽高..., 那么系统会按照图片默认的宽高来显示 如果img标签指定的宽高, 那么系统会按照指定的宽高来显示 title: 用于告诉浏览器, 当鼠标悬停在图片上时, 需要弹出的描述框显示什么内容 alt其实是英文

5.8K10

HTML的容器标签

什么是容器标签?在HTML开发我们常常会使用一类标签作为容器放置一些内容,我们把这类标签称之为容器标签,可以作为容器标签的包括列表标签、表格标签、框架标签、布局标签,在这里我们就来总结下这些内容。...列表标签  View Code 在HTML中提供了三种列表形式,即无序列表、有序列表以及自定义列表。其中无序列表的应用场景最多,自定义列表几乎没有被使用,有序列表只是在特殊的场合中使用。...框架标签 框架是互联网早期的标签,现在开发基本上已经不再使用了,但是在一些早期的网站还可以看到这些内容,所以有必要了解这些内容。常见的框架标签包括、两种,下表是我们整理的一些框架相关的代码。...布局标签 所谓布局标签,很简单就是用来实现网页布局的 ? 这些标签,是现在设计网页重要的HTML标签。...不过值得说明的是这些标签没有实际的语义,只是作为容器来放置一些内容,所以建议在实际开发不要滥用,否则的话HTML的结构会特别复杂,代码也会特别多。 感谢阅读 喜欢看小编文章的点个订阅或者喜欢!

4K00

HTMLHTML 标签 ③ ( 链接标签 | 注释标签 )

文章目录 一、链接标签 二、注释标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签 , 其中 链接涉及到 相对路径 与 绝对路径问题 ; 一、链接标签 ----...文件页面 , 如 index.html ; 首页 ; 空链接 : 如果没有确定链接目标 , 设置 # 值 , 该链接暂时是空链接 ; <a href=...没有任何效果 ; 点击链接 4 , 跳转到博客页面 ; 点击链接 5 , 原窗口保留 , 在新窗口显示博客页面 ; 二、注释标签 ---- 如果在 HTML 页面中进行 代码注释 ,...则可以使用 注释标签 ; 在 注释标签 的内容 , 不显示在页面 ; 注释是给 程序员 看的 , 用于标注代码作用 ; 通常情况下 , 都在代码的上方一行位置添加注释 ; 注释代码示例 : <!

10.1K20

JavaWeb——HTML基本标签详解及案例实战(文件标签、文本标签、图片标签、列表标签、链接标签标签、语义化标签、表格标签

DOCTYPE html>:html5定义该文档是html文档 2、文本标签 文本标签是和文本相关的标签,包括: 注释: ? 6、标签 次此处简单介绍div和span标签,后续一般配合css使用。 【举例】:div 和 span 标签 <!...--div 每一个div占一行,标签 span 文本信息在一行展示,行内标签内联标签 --> 百度 一下 ...7、语义化标签 html5,为了提高程序的可读性,使用的标签,一般也是结合css一起使用。 【举例】使用header、footer <!...8、表格标签 html中表格的形式,先有行,然后每个行定义单元格。

3.5K11
领券