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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汝嫣兮

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值