蓝桥杯Web应用开发-行内标签知识点

蓝桥杯Web应用开发-行内标签知识点

专栏持续更新中

a标签

a 标签可以实现这一功能，它被称为超链接标签，常用于网页之间的跳转、设置文档书签，以及链接电话、邮箱等。
其基本使用格式如下：

<a href="URL">a>

URL 是链接的地址。

使用以下语法定义书签：

<a name="书签名称">文字a>

定义了书签后，链接到该书签的超链接，其基本语法为：

<a href="#书签名称">链接点a>

name 中定义的书签名称与 href 中 # 号后面的书签名称相同。
a 标签除了可以跳转到其他页面，还可以用于创建 email 链接、电话链接等。

target 属性

可以用来规定打开链接文档的位置：
_blank在新窗口中打开被链接文档。
_self在相同的框架中打开被链接文档。
_top在整个窗口中打开被链接文档。
_parent 在父框架集中打开被链接文档。* *
案例：显示内容

span标签

span 标签是用来组合文档中行内元素的，比如你在文档中写入一些文字，页面会以默认样式输出这些文字，若我们想给这段话中的某些词语添加不一样的字体颜色，这时我们可以用 span 标签去包裹这些词语，然后通过 span 标签去设置字体颜色。
其使用格式如下：

<span>span>

span 标签本身没有特殊之处，若不结合 CSS 来使用的话，我们使用其标签就没有意义了。

strong标签

可以使用 strong 标签来给文字加粗。
使用格式如下：

<strong>strong>

img 标签

img 标签来插入图片，它负责向页面中嵌入一幅图像。
准确来讲，img 标签并不会在页面中真正插入图像，而只是提供一个链接地址，通过链接来显示出图像。所以，img 标签创建的是被引用图像的占位空间。
其使用格式为：

<img src="图像 URL" alt="图像描述" />

属性说明如下：
src 属性定义了图像的链接地址。
alt 属性则当图像无法显示时，替代显示的文本。

另外，在 img 标签里可以用 width 属性来设置图片的宽度，用 height 属性来设置图片的高度。

在 img 标签中，还可以使用 title 属性给元素增加额外的提示信息。什么意思呢？当你把鼠标移到元素上会显示出现一段提示文本。
其基本使用格式如下所示：

align属性

能用来规定如何根据周围的文本来排列图像的位置，其属性值如下所示(img)：
top 顶部对齐
bottom 底部对齐
middle 居中对齐
left 居左对齐
right 居右对齐
center

总结

a 标签：
用于页面之间的跳转。
用于链接电话、邮箱等。
用于文档书签。

span 标签：
没有固定的表现格式，它就像一个透明的盒子，当加入 CSS 代码时，它才会产生视觉上的变化。

span 标签：最大的特点时可以把很多标签放在同一行。

strong 标签：用于给文字加粗。

img 标签：用于在页面中显示图片。