根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，而display属性为inline的元素就是行内元素。
内联元素(inline element)也叫内嵌元素或行内元素，一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，通常被包括在块元素中使用，常见内联元素有“a、b、br”等。【推荐：html在线手册】
内联元素一般是内容的容器，一般情况下，内联元素只能包含内容或者其它内联元素，宽度和长度依据内容而定，不可以设置，可以和其它元素和平共处于一行。内联元素适合显示具体内容。
特点：
1、和其他元素都在一行上；
2、高度、行高和顶以及底边距都不可改变；
3、宽度就是它的文字或图片的宽度，不可改变。
HTML内联元素有哪些？a - 锚点；
abbr - 缩写；
acronym - 首字；
b - 粗体(不推荐)；
bdo - bidi override；
big - 大字体；
br - 换行；
cite - 引用；
code - 计算机代码(在引用源码的时候需要)；
dfn - 定义字段；
em - 强调；
font - 字体设定(不推荐)；
i - 斜体；
img - 图片；
input - 输入框；
kbd - 定义键盘文本；
label - 表格标签；
q - 短引用；
s - 中划线(不推荐)；
samp - 定义范例计算机代码；
select - 项目选择；
small - 小字体文本；
span - 常用内联容器，定义文本内区块；
strike - 中划线；
strong - 粗体强调；
sub - 下标；
sup - 上标；
textarea - 多行文本输入框；
tt - 电传文本；
u - 下划线；
var - 定义变量。
更多前端开发知识，请查阅 HTML中文网 ！！

html平时常见的块元素有：div, p, h1, h2, h3等，内联元素有：span, a, img等。
块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。
内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。
div块元素仅仅只用于进行页面布局，它自身不带任何默认样式。
span内联元素可以用来选中文本设置文本的样式，其自身不会带默认样式。
一般情况下，只使用块元素包含内联元素，而不会使用内联元素去包含块元素。
a元素可以包含任意元素，除了其本身。
p元素不可包含任何的块元素。
块元素之div：
div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 
div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 
div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 
div width=300px 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 
div width=500px 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 块元素之p：
p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 
p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 
p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 
p width=300px 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 
p width=500px 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 块元素之h(h1, h2, h3)：
h1 蜀道难
 
h2 蜀道难
 
h3 蜀道难
 
h3 width=300px 蜀道难
 
h3 width=500px 蜀道难
 内联元素之span：西当太白有鸟道，可以横绝峨眉巅。 西当太白有鸟道，可以横绝峨眉巅。 西当太白有鸟道，可以横绝峨眉巅。 
内联元素之a：
 地崩山摧壮士死，然后天梯石栈相钩连。 地崩山摧壮士死，然后天梯石栈相钩连。 地崩山摧壮士死，然后天梯石栈相钩连。 地崩山摧壮士死，然后天梯石栈相钩连。
效果显示(默认在谷歌浏览器下)：
从上面的效果图中，可以看出，有些块元素和内联元素会自带默认样式，比如：p, h1, h2, h3
p自带默认样式为：
p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
h1自带默认样式：
h1 { display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
h2自带默认样式：
h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
h3自带默认样式：
h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
当然还有body元素也会带默认样式：
body { display: block; margin: 8px;}

html平时常见的块元素有：div, p, h1, h2, h3等，内联元素有：span, a, img等。
块元素的属性：无论内容是什么，都会独占一整行。主要用于页面布局。
内联元素的属性：只占自身大小的元素，不会占用一行。主要用于选中文本设置样式。
div块元素仅仅只用于进行页面布局，它自身不带任何默认样式。
span内联元素可以用来选中文本设置文本的样式，其自身不会带默认样式。
一般情况下，只使用块元素包含内联元素，而不会使用内联元素去包含块元素。
a元素可以包含任意元素，除了其本身。
p元素不可包含任何的块元素。
块元素之div：
div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 
div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 
div 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 
div width=300px 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 
div width=500px 噫吁嚱，危乎高哉！蜀道之难，难于上青天！蚕丛及鱼凫，开国何茫然！
 块元素之p：
p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 
p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 
p 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 
p width=300px 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 
p width=500px 尔来四万八千岁，不与秦塞通人烟。西当太白有鸟道，可以横绝峨眉巅。
 块元素之h(h1, h2, h3)：
h1 蜀道难
 
h2 蜀道难
 
h3 蜀道难
 
h3 width=300px 蜀道难
 
h3 width=500px 蜀道难
 内联元素之span：西当太白有鸟道，可以横绝峨眉巅。 西当太白有鸟道，可以横绝峨眉巅。 西当太白有鸟道，可以横绝峨眉巅。 
内联元素之a：
 地崩山摧壮士死，然后天梯石栈相钩连。 地崩山摧壮士死，然后天梯石栈相钩连。 地崩山摧壮士死，然后天梯石栈相钩连。 地崩山摧壮士死，然后天梯石栈相钩连。
效果显示(默认在谷歌浏览器下)：
从上面的效果图中，可以看出，有些块元素和内联元素会自带默认样式，比如：p, h1, h2, h3
p自带默认样式为：
p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
h1自带默认样式：
h1 { display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
h2自带默认样式：
h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
h3自带默认样式：
h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
当然还有body元素也会带默认样式：
body { display: block; margin: 8px;}

在HTML中哪些是块级元素(block)？哪些是内联元素(inline)？码笔记分享块级元素和内联元素汇总大全：
HTML块级元素
HTML中的块级元素(block element)总是在新一行开始，高度边距都是可控的，并且块元素容纳内联元素和其他块元素，码笔记分享常见的块元素：
...
地址...居中对齐块
...
标题一级
...
标题二级
...
标题三级
...
标题四级
...
标题五级
...
标题六级
水平分割线
...
段落
...
预格式化
...
段落缩进(前后5个字符)
...滚动文本
...
无序列表
...
有序列表定义列表表格...表单
...
块级元素大多为结构性标记。
HTML行内(内联)元素
行内元素也可以叫做内联元素(inline element)，行内元素与其他元素在一行上，高、边距和宽度不可以改变，内联元素只能容纳文本或者其他内联元素。常见的行内元素有：
...定义文本内区块
...链接

换行
...加粗
...加粗
图片
...上标
...下标
...斜体
...斜体
...删除线
...下划线
...文本框
...多行文本
...下拉列表
2020双十二服务器价格出炉，又降价了！
双十二拼团：阿里云双十二服务器拼团(全网最低价直接拼不用拉人)
①真便宜：阿里云服务器69元1年，203元3年(全网最低价)
②腾讯云：腾讯云双十二服务器特惠88元一年起(有高配)
③代金券：2020阿里云双十二代金券一键领取中