HTML基础(四)常用的内联元素

  • Post author:
  • Post category:其他


上次的教程介绍的是块级元素,其中也谈到了内联元素的概念,这次便介绍常用的内联元素。

内联元素又称之为行内元素,即一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行。

常见的内联元素有链接元素a、图像元素img、强调元素em、文本内区块元素span与换行元素br等



图像元素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学习,因为软件工程师考证课开始了,学习的东西更加细致化,专业化。

转载请注明出处。



版权声明:本文为m0_46700215原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。