HTML 块标签，行内标签，行内块标签以及之间的相互转换

HTML标签分类

行内标签：包含a、span、em、strong、b、i、u、label、br；

特点：可以多个标签存在一行，不能直接设置行内标签的高度、宽度、行高以及顶和底边距，完全靠内容撑开宽高！

a标签：主要用来链接一个其他的网页；

span标签：主要用来对行内的文字进行一些样式以及其他的操作；

em标签：一般用来对文字进行强调，使用斜体体现出来；

strong标签：一般用来对文字进行强调，使用加粗字体体现出来；

img标签：图片引用标签，其中 src属性中写入图片的地址；

var标签：JavaScript中命名变量的标签。

块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；

特点：独占一行，对高度、宽度、行高以及顶和底边距都可设置的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；

p标签：段落标签，段落文字使用，默认格式：段尾进行换行；

div标签：划分块的主要使用标签；

ul标签：无序列表的主标签，后面的标号为圆点（黑色）；

ol标签：有序列表的主标签，后面一般跟有序的1,2,3,4,5...；

li标签：列表中的主体使用标签

dl标签：自定义标签的主标签；

dt标签：自定义标签的表头；

dd标签：自定义标签的表头的解释（描述）信息；

h1~h6：6级标题标签、字体的大小依次变小。

行内块标签：img,input,textarea

特点：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；

+++++++++++++++++++++++++++++++++++++++++

各种标签之间的转换

1、块级标签转换为行内标签：display:inline;

2、行内标签转换为块级标签：display:block;

3、转换为行内块标签：display：inline-block;

各个标签之间的区别

块标签：独自占领一行、可以进行宽高的数值的设定；

行标签：在一行内显示、不可以进行宽高的数值设定；

行内块标签：能和其他元素待在一行，能设置宽高；

嵌套规则

块标签可以套行标签，行标签不可以套块标签。

P标签不要套块属性标签，可以套a，span，文本。。。

嵌套的时候注意代码的缩进。

原文发布时间：2018-6-19

本文来源csdn博客如需转载请紧急联系作者

HTML 块标签，行内标签，行内块标签以及之间的相互转换相关推荐

html5行级标签,8、html5哪些标签时块级、行内、行内块？2021-01-30
一.块级标签 div.p.h1-h6.form.ul.ol.dl.dt.dd.li.table.tr.td.th.hr.blockquote.address.table.menu.pre HTML5: ...
【CSS】标签显示模式 ② ( 行内元素 | 行内块元素 )
文章目录一.行内元素 1.行内元素简介 2.行内元素特点 3.代码示例二.行内块元素 1.行内块元素简介 2.行内块元素特点 3.代码示例一.行内元素 1.行内元素简介行内元素可以在一行中 ...
结构标签、行内与块元素、列表、超链接、图片标签格式及音视频（vscode）
结构标签: <body>  <!-- html5 新增的标签,语义化更 ...
HTML行内元素/行级元素/内联元素/行标签/内联标签/行内标签/行元素
文章目录行内元素的特点行内元素清单可变元素列表 inline element. 也叫行级元素.内联元素. 行内元素默认设置宽度是不起作用,需设置 display:inline-block 或者 ...
行内标签（最常用的：a标签、img标签、span标签）
a 标签: 功能: 从一个页面跳转到其他页面,或者是当前页面的其他位置. 属性: href :指定跳转的目标路径. 值可以是一个外部网站的地址: 也可以是一个内部网页的地址 target: _self ...
1.1 css style 样式定义：行内 style 属性、单页＜style＞标签、多页＜style＞标签
1.1 style 样式定义:行内 style 属性.单页 <style> 标签.多页 <style> 标签文章目录 1.1 style 样式定义:行内 style 属性.单 ...
HTML5 行内元素有哪些,块级元素有哪些, 空元素有哪些?
前端面试题(8) 打卡: 2021-5-2 HTML HTML5 行内元素有哪些,块级元素有哪些, 空元素有哪些? (1)行内元素 inline element a - 锚点 b - 粗体 ( 不推荐 ...
块级元素与行级元素（内联元素）
内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a".块元素(block elemen ...
html 指定对象为块元素,html内联（行内）元素、块级（块状）元素和行内块元素分类...
HTML可以将元素分类方式分为内联(行内)元素.块级(块状)元素和行内块元素三种. 注:HTML是标签语言,那么既然是标签,就可以自己定义一些自己元素(如自定义的元素等),自定义元素浏览器默认解析为内 ...

HTML 块标签，行内标签，行内块标签以及之间的相互转换

HTML 块标签，行内标签，行内块标签以及之间的相互转换相关推荐

最新文章

热门文章