前端开发HTML-图片、音频等媒体标签，超链接标签

1. 图片标签

在网页中显示图片。

<img src="" alt="" title="" width="" height="">

特点：

单标签
img标签需要展示对应的效果，需要借助标签的属性进行设置。一个标签可以有多个属性，属性之间用空格隔开，并且没有先后顺序。

标签属性

src：目标图片的路径，该路径可以使用绝对路径，也可以使用相对路径;
alt：替换文本。当图片加载失败，才显示alt文字；否则，不会显示alt文字
title：提示文本。当鼠标悬停时，显示对应文本;
width：图片宽度。
height：图片高度。若width和height仅设置一个，则每设置的会自动等比例缩放；若两个参数都设置，如果设置不当，图片可能会变形;

2. 音频标签

在页面中插入音频。

<audio src="" controls></audio>

标签属性

src：音频路径；
controls：显示播放的控件；
autoplay：自动播放(部分浏览器不支持);
loop：循环播放;

3. 视频标签

在页面中插入视频。

<video src="" controls></video>

标签属性

src：视频路径；
controls：显示播放的控件；
autoplay：自动播放(在谷歌浏览器中配合muted实现静音播放)；
loop：循环播放;

4. 超链接标签

点击之后，从一个页面跳转到另一个页面

<a href="">超链接</a>

特点：

双标签
如果需要a标签点击之后去指定页面，需要设置a标签的href属性
href=“#”，表示一个空链接

标签属性

href：跳转网页的url地址
target：目标网页的打开形式

取值	效果
_self	默认值，当前窗口中跳转(覆盖原网页)
_blank	在新窗口中跳转(保留原网页)

前端开发HTML-图片、音频等媒体标签，超链接标签相关推荐

Web前端开发笔记——第二章 HTML语言第一节标签、元素、属性
目录一.什么是HTML? 二.标签 (一)标签.元素的定义 (二)标签的嵌套 (三)标签的属性 (四)父元素.子元素.兄弟元素三.HTML DOM树结语一.什么是HTML? HTML语言,即超 ...
前端开发使用html写一个博客基本标签的体验 0226
新建一个html文件写一段文本作为博客的标题在body中写内容 *号的出现代表,文件有改变保存文件后消失快捷键: ctrl + s 效果当前这个页面已经在一个模拟的服务器上运行了当代码内容 ...
[19/05/15-星期三] HTML_body标签(超链接标签和锚点)
一.超链接标签 <html><head><meta charset="UTF-8"><title>04 body超链接标签学习< ...
前端开发通过图片编码实现拍照身份证正反面上传功能
如果大家想实践学习php,thinkphp,Redis,vue,uni-app等技术,推荐开源电商系统likeshop,可以借鉴思路,可去版权免费商用.gitee下载地址: https://gitee ...
前端开发中图片缓存清除
在服务端实时的获取动态变化的图片,如果图片的名称路径没有改变,浏览器会贱贱的拿着缓存不放,这个时候我们要做的就是改变图片的路径,不是真正的改变src的路径,而是在这个路径后面加上没有用的参数: src ...
Web前端开发——CSS样式（Ⅱ）背景、超链接样式
目录 1. CSS背景 1.1 基本属性 1.2 文件组织形式 1.3 测试代码 1.4 效果图 2. CSS超链接 2.1 链接的四种状态 2.2 测试代码 2.3 效果图 1. CSS背景 1.1 ...
Java Web开发4___HTML基本标签: 超链接标签之页面内部链接
页面内部链接: 意思是在一个页面内, 点一个网页元素会链接到当前页面另外一个地方去,称之为页面内部链接实现步骤 1. 首先在页面中给需要链接的位置命名, 方法如下: <a name= ...
HTML中a标签/超链接标签的下划线怎么去掉
text-decoration:none; 把以下内容放置head块内即可 1.只修改某个区块的a标签如对顶部top中的a标签进行改变 .top{... } .top a{text-decorati ...
Web前端开发笔记——第二章 HTML语言第四节超链接标签
目录前言一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接二.从当前页面链接到指定位置三.链接的访问情况四.在新窗口中打开链接例题结语前言本节介绍超链接标签即 ...
前端开发课件 202002
html 加百利前端开发-认识前端开发-0226_pyhui的技术博客-CSDN博客 https://blog.csdn.net/ifubing/article/details/104513261 ...

前端开发HTML-图片、音频等媒体标签，超链接标签

1. 图片标签

特点：

标签属性

2. 音频标签

标签属性

3. 视频标签

标签属性

4. 超链接标签

特点：

标签属性

前端开发HTML-图片、音频等媒体标签，超链接标签相关推荐

最新文章

热门文章