上次的教程介绍的是块级元素，其中也谈到了内联元素的概念，这次便介绍常用的内联元素。
内联元素又称之为行内元素，即一个挨着一个，都在同一行按从左至右的顺序显示，不单独占一行。
常见的内联元素有链接元素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学习，因为软件工程师考证课开始了，学习的东西更加细致化，专业化。
转载请注明出处。

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

内联元素与块级元素及内外边距的影响
内联元素与块级元素块级元素(block): 新行开始: 高度,行高以及外边距和内边距都可控制: 宽度缺省是它的容器的100% 可以嵌套内联元素和其他块元素常用的块级元素:div.h1~h6.dl. ...
[19/06/05-星期三] CSS基础_样式表的位置(内联、内部、外部样式)、块元素(div)、内联元素(span)、常用的选择器...
一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会 ...
第二章网站开发基础之HTML教程 - 二、常用HTML标签：i，斜体字效果（内联元素）
12.i,斜体字效果(内联元素) <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-T ...
块状元素、内联元素和内联块状元素
CSS中,html中的标签元素大体被分为三种不同的类型:块状元素(display:block).内联元素(又叫行内元素display:inline)和内联块状元素(display:inline-blo ...
css 块元素、内联元素、内联块元素
元素就是标签,布局中常用的有三种标签,块元素.内联元素.内联块元素,了解这三种元素的特性,才能熟练的进行页面布局. 块元素: 块元素,也可以称为行元素,布局中常用的标签,如:div.p.ul.li.h ...
CSS块级元素、内联元素概念
CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>, ...
从文档流来看内联元素和块元素的css排版
veda原创[抄录]讲得很好存自己这里看从文档流来看内联元素和块元素的css排版 CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的 ...
什么是内联元素(行内)
目录一:什么是元素二:常见的内联元素三:内联元素的特征四:实例一:什么是元素内联元素有很多种叫法,如内联元素.内嵌元素.行内元素.直进式元素等,和块级元素对应.内联元素和它的兄弟元素之间一 ...
css块元素,内联元素,内联块元素
一.块元素,内联元素,内联块元素 1.块元素: 也称行元素, 布局中常用的标签如:div,p, h1-h6,ul,li... 支持全部的样式可以设置元素的大小,并且元素是独占一行显示,如果 ...

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

文章目录

图像元素img

链接元素a

文本区块元素span

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

最新文章

热门文章