一、超链接

超链接是行内元素，它里面可以放任何元素，除了它自己

可以是一个字，一段文字，图片，表格等

1.功能：

①一个页面跳到另一个页面
②当前页面的跳转（做楼梯导航）
③下载

2.属性：

①href 指向跳转的目标地址
绝对路径
相对路径
./
../ 跳出当前的目录
注意：你在哪里，你要去哪里
②target 控制超链接打开方式
可选值：
_self 在当前页面打开
_blank 新开页面打开

3.锚点功能

给对应的位置，打一个id属性值
在href的属性值里，写：#id属性值

注意：id属性值不能以数字开头，最好不要是汉字，独一无二的存在

    <a href="">大家好我是合肥辰辰。</a><a href="./01.常用标签.html" target="_blank">去常用标签</a><a href="./img/img/2.gif">img文件夹找一张图片</a><a href="../01.网页结构/学习目标及作业.html">网页结构，学习目标</a> --><a href="#dixia">去底部</a><a href="#center">去中间</a><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p id="center">大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><p>大家好，我是合肥辰辰，大家给我点点订阅，给我的文章点点赞，谢谢大家！！！</p><a href="#">去顶部</a><a href="javascript:;">空链接</a>

二、图片标签

使用img标签来向网页中引入一个外部图片，img标签也是一个自结束标签，img这种元素属于替换元素（基于块和行内元素之间，具有两种元素的特点）

属性值：

src 引入图片的路径
alt 对图片的描述，帮助浏览器收录图片，有一定的seo效果
width 控制图片的宽度
height 控制图片的高度

注意：一般不会同时设置宽高

<img src="./示例1.jpg" alt="" width="300" />

三、图片格式

图片格式和油漆是一个道理，不同的图片格式特性不一样，使用场合也有所不同。

1.图片的格式：
①JPEG(JPG)
    - JPEG图片支持的颜色比较多，图片可以压缩，但是不支持透明
    - 一般用来保存照片等颜色丰富的图片
②GIF
    - GIF支持的颜色少，只支持简单的透明，支持动态图
    - 图片颜色单一或者是动态图时可以使用gif
③PNG
   - PNG支持的颜色多，并且支持复杂的透明，不支持动图，而且内存比较大
   - 可以用来显示颜色复杂的透明的图片
   -专为网页而生的
④webp
   -谷歌新推出的专门用来表示网页的一种格式
   -它具有其他图片格式的所有优点，而且文件格式还很小
   -缺点：兼容性不好
⑤base64
   -图片使用base64编码，这样可以将图片转换为字符，通过字符形式来引入
   -一般都是需要和网页一起加载的图片才会使用base64

图片的使用原则：
①效果不一致，使用效果好的
②效果一致，使用小的

四、音视频

1.audio标签用来向页面中引入一个外部的音频文件
2.video标签来向页面中引入一个视频，使用方式跟音频基本上一样的

属性值：
①src 引入音视频的路径相对路径/绝对路径
②controls 控制用户是否可以播放,默认是不可以点击播放
③loop 循环播放
④autoplay 自动播放（基本被废止,除了IE）

<audio src="./示例1.mp3" controls loop></audio>
<video src="./示例2.mp4" controls loop></video>

常用H5标签-第三部分相关推荐

常用H5标签-第一部分
目录常用标签一.标题标签h1 ~ h6 二.p标签: 三.hgroup标签四.em标签五:strong标签六: blockquote标签七: q标签八:br换行标签九:分割线十:de ...
常用H5标签-第二部分
一.结构标签 1.header header是网页的头部 2.main main是网页的主体部分(一般就一个) 3.footer footer是网页的底部 4.nav nav是网页的导航 5.asid ...
2、前端开发：HTML知识总结——常用H5标签
h1-h6标签标题标签,粗体或大号,h1为一级标题,最粗最大. 搜索引擎使用标题为您的网页的结构和内容编制索引. 因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很 ...
前端开发~H5 ·学习笔记 ·001——【HTML介绍、常用HTML标签】
文章目录一.HTML介绍 1.介绍 2.HTML标签 (1).介绍 (2).嵌套 (3).属性 3.HTML文档结构 (1).完整结构 (2).<!DOCTYPE html>标签 (3) ...
html h5标签,H5笔记——HTML常用的标签
HTML的结构 /* 标题 */ HTML常用的标签标题标签-h 总共有6级,依次从大到小. 标题标签我是h1标签我是h1标签我是h1标签我是h1标签我是h1标签我是h1标签浏览器显示 ...
HTML结构及常用的标签
Web前端开发介绍 Web概述 Web开发技术分为客户端开发技术和服务端开发技术,HTML属于客户端开发种的一种语言,客户端开发还有哪些语言呢?看下图Web开发框架: Web前端开发语言主要包含:ht ...
HTML常用的标签：
常用的标签: 1.标题标签h1-h6(重要) 为了使网页更具有语义化,我们经常会在页面中用到标题标签,HTML提供了6个等级的网页标题,即h1-h6. <h1>这是一级标题</h1& ...
vue快速学习01、环境与常用属性标签
vue快速学习01.环境与常用属性标签 1.MVVC MVVM 设计模式是由 Model (模型). View (视图)和 ViewModel (视图模型)三部分组成,是 MVC 设计模式的进化版,即 ...
HTML中常用的标签
使用HTML标签,时刻注意它的语义,而非样式,也就是注意它的血统地位,而不是穿的什么衣服,最终呈现什么样子,样子都是可以通过css假冒,而血统无法假冒 <!DOCTYPE html> &l ...

常用H5标签-第三部分