html资源标签

图片标签

html

发布日期: 2023-07-12

文章字数: 697

阅读时长: 2 分

阅读次数:

<img>

将一份图像嵌入网页，默认为行内元素

常用属性：

src：该属性是 必须的 ，它包含了你想嵌入的图片的文件路径。
alt：该属性包含对图像的文本描述，这不是强制性的。如果由于某种原因无法加载图像，普通浏览器会在页面上显示 alt 属性中的备用文本：例如，网络错误、内容被屏蔽或链接过期
width：图像的宽度，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比
height：图像的高度，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比

可以只指定 width 和 height 中的一个值，浏览器会根据原始图像进行缩放

<audio>

将一段音频嵌入网页

示例:

<audio
    controls
    src="/audios/bgm.mp3">
        Your browser does not support the
        <code>audio</code> element.
</audio>

多个<source>

这个例子包含了多个 <source> 元素。如果能够播放的话，浏览器就会试图去加载第一个 source 元素；如果不行，那就退而求其次去加载第二个

示例:

<audio controls>
    <source src="/audios/sound1" type="audio/mpeg"/>
    <source src="/audios/sound2" type="audio/mpeg"/>
</audio>

<video>

将一段视频嵌入网页

示例:

<video controls width="800">

    <source src="/videos/video1.mp4"
            type="video/mp4">

    <source src="/videos/video2.mp4"
            type="video/mp4">

    Sorry, your browser doesn't support embedded videos.
</video>