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