05后HTML教程第5期——

第五期:图片,超链接和多媒体

在本教程中,我们将学习需要地址的元素,比如图片。让我们先来看看这些标签和属性:

order-box !important;”><a>

用于定义超链接,用于从一张页面链接到另一张页面。

<img/>
用于在网页中嵌入一幅图像。

<audio>

定义声音,比如音乐或其他音频流。 href
指示链接的目标,通常和<a>标签一起使用 src 规定图像、音频等的 URL。 alt

规定图像的替代文本。

超链接:

我们可以通过标签<a>和属性“href”来定义一个超链接,例如一个到百度的链接。

点击以后就会被传送到百度

我们也可以创造一个到你制作的其他网页的链接。

比如我们有一个叫做“test”的文件夹,想在1.html里生成一个到2.html的链接

我们就要这样做:

如果要链接的文件不在同一层,那么每个文件之间要用“ / ”隔开,返回一层(如从文件夹返回到桌面)是“ ../ ”

图片

标签<img/>用于链接图片,它需要定义两个属性:“src” 和 “alt” 

src用于链接图片,和 “href” 有点相似(通常图片都是放在一个名叫“img”的文件夹里的,比html文件多一级)。

在图片显示不出来的时候,就会显示属性“alt”内的文本。不过作为新时代的懒少年,我通常都不写的

音频:

音频的标签是<audio>。和 <img/> 一样,通过 src 来链接。中间的文字取到了属性“alt”的作用。

(通常音乐都是放在一个名叫“sound”的文件夹里的,比html文件多一级(我爱死复制了))



作者:

    

Алексей

       四五帮帮主,四五dark♂帝国元首(划掉)

喜欢HTML/CSS/JS

07年出生,福建福州人,未来的程序员

素描八级,但是还是要请美工

本来想做小程序,结果开了个公众号天天在那边写稿



wawjf

(我爱微积分)


与楼上同班同学,都是很hj的人(是的



往期内容

面向05后的HTML教程——第二期

面向05后的HTML教程——第三期

第二期实战题目答案

面向05后的HTML教程——第四期

动态分享

05后HTML教程——第9期

2022-6-6 16:20:16

动态分享

pr字幕如何加特效,pr走马灯字幕

2022-6-6 16:49:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索