HTML基础（四）常用的内联元素

我会带着你远行 2023-07-24 13:09 6阅读 0赞

上次的教程介绍的是块级元素，其中也谈到了内联元素的概念，这次便介绍常用的内联元素。  
内联元素又称之为行内元素，即一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。  
常见的内联元素有链接元素a、图像元素img、强调元素em、文本内区块元素span与换行元素br等

### 文章目录 ###

*  图像元素img
 *  链接元素a
 *  文本区块元素span

# 图像元素img #

img元素在网页中嵌入一幅图像。  
img标签的基本语法如下：

<img src="图像文件的地址" alt="替换的文本"/>

在Dreamweaver中使用图像元素有两种方式，一种是在代码视图中直接输入代码，另一种是点击“插入“选项。

# 链接元素a #

在HTML文档中，超链接由`<a>`标签进行定义，用于从一个页面链接到另一个页面。`<a>`元素最重要的属性是href属性，它指示链接的目标地址。  
在Dreamweaver中实现链接可以通过两种方式，第一种方式直接在代码视图输入如下代码：

<a href=”链接目标地址”/>

另一种方式，可以选择“插入“菜单中的”超级链接“选项。  
在网页实际运用过程中，链接可以分为**空连接、内部链接、外部链接、电子邮件链接、锚链接**等形式。

# 文本区块元素span #

`<span>`标签被用来组合文档中的内联元素，以便通过样式来格式化它们。`<span>`标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。

<p><span>HTML5.0</span>的应用将会越来越多！</p>

注意：  
div元素与span元素的区别如下：div是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而span是内联元素，span的前后是**不会换行**的，它没有结构的意义，纯粹是应用样式，当其他内联元素都不合适时，可以使用span。

**块级元素相当于内联元素在前后各加一个换行。其实，块级元素和内联元素也不是一成不变的，只要给块级元素定义`display:inline`，块级元素就成了内联元素，同样的，给内联元素定义了`display:blocck`就成了块级元素了。**

同为小白，若有缺漏及错误，敬请指出。  
明日断更，转Java学习，因为软件工程师考证课开始了，学习的东西更加细致化，专业化。  
转载请注明出处。

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML（3）块级元素、内联元素、可变元素

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制

心已赠人/ 2024年02月17日 21:56/ 0 赞/ 80 阅读

相关 HTML基础（四）常用的内联元素

上次的教程介绍的是块级元素，其中也谈到了内联元素的概念，这次便介绍常用的内联元素。内联元素又称之为行内元素，即一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。

我会带着你远行/ 2023年07月24日 13:09/ 0 赞/ 7 阅读

相关 html块状元素和内联元素_如何在HTML中使用内联和块元素

html块状元素和内联元素 [How To Build a Website With HTML][] [如何使用HTML构建网站][How To Build a Websit

小咪咪/ 2022年11月28日 15:23/ 0 赞/ 233 阅读

相关 html块级元素和内联元素区别详解

块级元素(block)特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(paddin

电玩女神/ 2022年09月20日 08:47/ 0 赞/ 169 阅读

相关内联元素

> > > > 1.任何元素加上float属性就可以自动变成块级元素 > > 2.内联元素你一样可以对它设置padding与margin.只不过它们都不会影响内联元

谁借莪１个温暖的怀抱￠/ 2022年08月06日 00:26/ 0 赞/ 208 阅读

相关 ---块状元素、内联元素(又叫行内元素)和内联块状元素

元素分类在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有：<div>、<p>、<h1>...<h

布满荆棘的人生/ 2022年07月15日 13:23/ 0 赞/ 227 阅读

相关 HTML块元素与内联元素

HTML块元素和内联元素【1】块元素在浏览器显示的时候，通常是会以新行来开始和结束。这样子的块级元素，会自动占据一定的行空间，因此它是可以控制来设置高度，宽度，内外边距

╰半橙微兮°/ 2022年07月14日 13:06/ 0 赞/ 246 阅读

相关 HTML - 内联元素居中和块级元素居中

text-align：'center' 这是针对内联元素的，而margin：0 auto 则是针对块级元素的居中方式。而且它们的使用对象不一样。我们看一下如下代码：

￡神魔★判官ぃ/ 2022年05月17日 01:04/ 0 赞/ 265 阅读

相关 HTML块元素与内联元素嵌套规则

HTML存在许多种类型的标签，有的标签下面只允许特定的标签存在，这就叫HTML嵌套规则。不按HTML嵌套规则写，浏览器就不会正确解析，会将不符合嵌套规则的节点放到目标节点

今天药忘吃喽~/ 2021年11月09日 18:52/ 0 赞/ 319 阅读

相关 HTML 块级元素和内联元素

块级元素一般当做容器使用，既可以容纳内联元素也可以容纳块级元素，例如div和p。默认状态下，块级元素总是占据一整行，除非使用CSS控制。使用display:inlin...

小灰灰/ 2020年05月16日 19:11/ 0 赞/ 796 阅读