【狂神说】HTML详解

最新推荐文章于 2024-04-24 09:27:42 发布
最新推荐文章于 2024-04-24 09:27:42 发布
阅读量486 收藏 4
点赞数
分类专栏： # HTML 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39236499/article/details/132307921
版权

目录

对应视频课程链接：HTML课程

1 HTML概述

1.1 什么是HTML

HTML：Hyper Text Markup Language，超文本标记语言（文字、图片，音频、视频、动画等）

1.2 HTML发展史

在这里插入图片描述
目前主流学习：HTML5+CSS3

1.3 HTML5的优势

  • 世界知名浏览器厂商对HTML5的支持：微软、Google、苹果、Opera、Mozilla
  • 市场的需求
  • 跨平台

1.4 W3C标准

W3C：World Wide Web Consortium（万维网联盟），成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构

W3C标准包括：结构化标准语言（HTML、XML），表现标准语言（CSS），行为标准（DOM、ECMAScript）

2 网页

2.1 网页基本信息

生成一个网页包含以下内容，title里面写网页名字，body里面写网页内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

例：一个简单的网页

<!--DOCTYPE：告诉浏览器，我们要使用什么规范-->
<!DOCTYPE html>

<html lang="en">

<!--head标签：代表网页头部-->
<head>
    <!--meta标签：描述性标签，用来描述网站的一些信息-->
    <!--meta一般用来做SEO-->
    <meta charset="UTF-8">
    <meta name="keywords" content="狂神说">
    <meta name="description" content="学HTML">

    <!--title标签：网页标题-->
    <title>我的第一个网页</title>
</head>

<!--body标签：表示网页主体-->
<body>
Hello, HTML!
</body>
</html>

在这里插入图片描述

2.2 网页基本标签

2.2.1 标题标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习标题标签</title>
</head>
<body>

<!--标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

</body>
</html>

2.2.2 段落标签

<p>
    这是，第一段
</p>
<p>
    这是，第二段
</p>

在这里插入图片描述

2.2.3 换行标签

<br/>

2.2.4 水平线标签

<hr/>

2.2.5 字体样式标签：粗体、斜体

<!--字体样式标签：粗体，斜体-->
<strong>strong是粗体</strong><br/>
<em>em是斜体</em><br/>

2.2.6 注释和特殊符号

<!--空格-->
空     格<br/>   <!--中间只空一格-->
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格

<!--大于号-->
&gt;

<!--小于号-->
&lt;

<!--版权符号-->
&copy;

2.3 图像标签

常见的图像格式：JPG、GIF、PNG、BMP
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<!--img学习
src：图像地址
-->
<img src="../resources/image/1.jpg" alt="图片" title="悬停文字" width="1000" height="1000">
</body>
</html>

2.4 链接标签

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>

<!--使用name作为标记-->
<a name="top">顶部</a>

<!--a标签
href：必填，表示要跳转到哪个页面
target="_blank"：新标签打开
target="_self"：在当前页面打开   默认
-->
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a><br/>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a><br/>

<!--图像超链接-->
<a href="1.我的第一个网页.html">
    <img src="../resources/image/1.jpg" alt="图片" title="悬停文字" width="1000" height="1000">
</a><br/>


<!--锚链接
1、需要一个锚标记
2、跳转到标记
-->
<a href="#top">回到顶部</a><br/>

</body>
</html>

在这里插入图片描述

邮箱链接

<!--功能性链接
邮箱链接：mailto
-->
<a href="mailto:24736746@qq.com">点击联系我</a>

2.5 行内元素和块元素

在这里插入图片描述

2.6 列表

列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息。

  • 列表的分类：无序列表、有序列表、定义列表

2.6.1 有序列表

<!--有序列表
应用范围：试卷、问答
-->
<ol>
  <li>Java</li>
   <li>Python</li>
   <li>C++</li>
</ol>

2.6.2 无序列表

<!--无序列表
应用范围：导航、侧边栏
-->
<ul>
    <li>Java</li>
    <li>Python</li>
    <li>C++</li>
</ul>

2.6.3 自定义列表

<!--自定义列表
dl：标签
dt：列表名称
dd：列表内容

应用范围：公司网站底部
-->
<dl>
    <dt>学科</dt>

    <dd>Java</dd>
    <dd>Python</dd>
    <dd>C++</dd>

    <dt>位置</dt>
    <dd>江西</dd>
    <dd>湖北</dd>
    <dd>湖南</dd>
</dl>

在这里插入图片描述

2.7 表格标签

为什么使用表格：简单通用、结构稳定
基本结构：单元格、行、列、跨行、跨列
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格学习</title>
</head>
<body>

<!--表格table
行 tr
列 td
-->
<table border="1px">
    <tr>
        <!--colspan 跨列-->
        <td colspan="2">1-1</td>
        <td>1-3</td>
        <td>1-4</td>
    </tr>
    <tr>
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
    <tr>
        <td>3-2</td>
        <td>3-3</td>
        <td>3-4</td>
    </tr>
</table>

</body>
</html>

在这里插入图片描述

2.8 视频和音频

视频元素：video
音频元素：audio

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体元素学习</title>
</head>
<body>

<!--音频和视频
src：资源路径
controls：控制条
autoplay：自动播放
-->
<video src="../resources/video/1.mp4" controls autoplay></video>
<audio src="../resources/audio/1.mp3" controls autoplay></audio>

</body>
</html>

2.9 页面结构分析

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面结构分析</title>
</head>
<body>

<header>
  <h2>网页头部</h2>
</header>

<section>
    <h2>网页主体</h2>
</section>

<footer>
    <h2>网页脚部</h2>
</footer>

</body>
</html>

在这里插入图片描述

2.10 iframe内联框架

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内联框架学习</title>
</head>
<body>
<!--<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"-->
<!--        scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>-->

<!--iframe内联框架
src：地址
-->
<iframe src="https://www.baidu.com" name="hello" frameborder="0" width="1000px" height="800px"></iframe>
<a href="1.我的第一个网页.html" target="hello">点击跳转</a>

</body>
</html>

3 表单

3.1 表单语法

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form
action：表单提交的位置，可以是网站，也可以是一个请求处理地址
method：post，get
    get方式提交：可以在url中看到提交的信息，不安全，高效
    post方式提交：比较安全，传输大文件
-->
<form action="1.我的第一个网页.html" method="get">
    <!--文本输入框：input type="text"-->
    <p>名字：<input type="text" name="username"></p>
    <!--密码框：input type="password"-->
    <p>密码：<input type="password" name="pwd"></p>

    <p>
        <input type="submit">
        <input type="reset">
    </p>
</form>

</body>
</html>

在这里插入图片描述

3.2 表单元素格式

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form
action：表单提交的位置，可以是网站，也可以是一个请求处理地址
method：post，get
    get方式提交：可以在url中看到提交的信息，不安全，高效
    post方式提交：比较安全，传输大文件
-->
<form action="1.我的第一个网页.html" method="get">
    <!--文本输入框：input type="text"
    value：初始值
    maxlength：可输入的最大字符长度
    size：文本框的长度
    -->
    <p>名字：<input type="text" name="username" value="zdb" maxlength="8" size="30"></p>
    <!--密码框：input type="password"-->
    <p>密码：<input type="password" name="pwd"></p>

    <!--单选框标签
    input type="radio"
    value：单选框的值
    name：表示组
    -->
    <p>性别：
        <input type="radio" value="boy" name="sex"/>男
        <input type="radio" value="girl" name="sex"/>女
    </p>

    <p>
        <input type="submit">
        <input type="reset">
    </p>
</form>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form
action：表单提交的位置，可以是网站，也可以是一个请求处理地址
method：post，get
    get方式提交：可以在url中看到提交的信息，不安全，高效
    post方式提交：比较安全，传输大文件
-->
<form action="1.我的第一个网页.html" method="get">
    <!--文本输入框：input type="text"
    value：初始值
    maxlength：可输入的最大字符长度
    size：文本框的长度
    -->
    <p>名字：<input type="text" name="username" value="zdb" maxlength="8" size="30"></p>
    <!--密码框：input type="password"-->
    <p>密码：<input type="password" name="pwd"></p>

    <!--单选框标签
    input type="radio"
    value：单选框的值
    name：表示组
    -->
    <p>性别：
        <input type="radio" value="boy" name="sex"/>男
        <input type="radio" value="girl" name="sex"/>女
    </p>

    <!--多选框
    input type="checkbox"
    -->
    <p>爱好：
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="eat" name="hobby">吃饭
    </p>

    <!--按钮
    input type="button" 普通按钮
    input type="image"  图像按钮
    input type="submit" 提交按钮
    input type="reset"  重置
    -->
    <p>按钮：
        <input type="button" name="btn1" value="点击">
        <input type="image" src="../resources/image/1.jpg" width="100" height="100">
    </p>

    <p>
        <input type="submit">
        <input type="reset">
    </p>
</form>

</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form
action：表单提交的位置，可以是网站，也可以是一个请求处理地址
method：post，get
    get方式提交：可以在url中看到提交的信息，不安全，高效
    post方式提交：比较安全，传输大文件
-->
<form action="1.我的第一个网页.html" method="get">
    <!--文本输入框：input type="text"
    value：初始值
    maxlength：可输入的最大字符长度
    size：文本框的长度
    -->
    <p>名字：<input type="text" name="username" value="zdb" maxlength="8" size="30"></p>
    <!--密码框：input type="password"-->
    <p>密码：<input type="password" name="pwd"></p>

    <!--单选框标签
    input type="radio"
    value：单选框的值
    name：表示组
    -->
    <p>性别：
        <input type="radio" value="boy" name="sex" checked/>男
        <input type="radio" value="girl" name="sex"/>女
    </p>

    <!--多选框
    input type="checkbox"
    -->
    <p>爱好：
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="eat" name="hobby" checked>吃饭
    </p>

    <!--按钮
    input type="button" 普通按钮
    input type="image"  图像按钮
    input type="submit" 提交按钮
    input type="reset"  重置
    -->
    <p>按钮：
        <input type="button" name="btn1" value="点击">
        <input type="image" src="../resources/image/1.jpg" width="100" height="100">
    </p>

    <!--下拉框，列表框-->
    <p>下拉框：
        <select name="列表名称">
            <option value="china">中国</option>
            <option value="us">美国</option>
            <option value="eth" selected>瑞士</option>
        </select>
    </p>

    <!--文本域-->
    <p>反馈：
        <textarea name="textarea" cols="50" rows="10">文本内容</textarea>
    </p>

    <!--文件域
     <input type="file" name="files">
    -->
    <p>
        <input type="file" name="files">
        <input type="button" value="上传" name="upload">
    </p>

    <p>
        <input type="submit">
        <input type="reset">
    </p>

    <!--邮件验证-->
    <p>邮箱：
        <input type="email" name="email">
    </p>

    <!--url-->
    <p>URL：
        <input type="url" name="url">
    </p>

    <!--数字-->
    <p>数字：
        <input type="number" name="num" max="100" min="0" step="10">
    </p>

    <!--滑块
    <input type="range">
    -->
    <p>音量：
        <input type="range" name="range" min="0" max="100" step="2">
    </p>

    <!--搜索框-->
    <p>搜索：
        <input type="search" name="search">
    </p>

</form>

</body>
</html>

在这里插入图片描述

3.3 表单的应用

  • 隐藏域
  • 只读
  • 禁用
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form
action：表单提交的位置，可以是网站，也可以是一个请求处理地址
method：post，get
    get方式提交：可以在url中看到提交的信息，不安全，高效
    post方式提交：比较安全，传输大文件
-->
<form action="1.我的第一个网页.html" method="get">
    <!--文本输入框：input type="text"
    value：初始值
    maxlength：可输入的最大字符长度
    size：文本框的长度
    -->
    <p>名字：<input type="text" name="username" value="admin" readonly></p>
    <!--密码框：input type="password"-->
    <p>密码：<input type="password" name="pwd"></p>

    <!--单选框标签
    input type="radio"
    value：单选框的值
    name：表示组
    -->
    <p>性别：
        <input type="radio" value="boy" name="sex" checked/>男
        <input type="radio" value="girl" name="sex"/>女
    </p>

    <!--多选框
    input type="checkbox"
    -->
    <p>爱好：
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="eat" name="hobby" checked>吃饭
    </p>

    <!--按钮
    input type="button" 普通按钮
    input type="image"  图像按钮
    input type="submit" 提交按钮
    input type="reset"  重置
    -->
    <p>按钮：
        <input type="button" name="btn1" value="点击">
        <input type="image" src="../resources/image/1.jpg" width="100" height="100">
    </p>

    <!--下拉框，列表框-->
    <p>下拉框：
        <select name="列表名称">
            <option value="china">中国</option>
            <option value="us">美国</option>
            <option value="eth" selected>瑞士</option>
        </select>
    </p>

    <!--文本域-->
    <p>反馈：
        <textarea name="textarea" cols="50" rows="10">文本内容</textarea>
    </p>

    <!--文件域
     <input type="file" name="files">
    -->
    <p>
        <input type="file" name="files">
        <input type="button" value="上传" name="upload">
    </p>

    <p>
        <input type="submit">
        <input type="reset">
    </p>

    <!--邮件验证-->
    <p>邮箱：
        <input type="email" name="email">
    </p>

    <!--url-->
    <p>URL：
        <input type="url" name="url">
    </p>

    <!--数字-->
    <p>数字：
        <input type="number" name="num" max="100" min="0" step="10">
    </p>

    <!--滑块
    <input type="range">
    -->
    <p>音量：
        <input type="range" name="range" min="0" max="100" step="2">
    </p>

    <!--搜索框-->
    <p>搜索：
        <input type="search" name="search">
    </p>

    <!--增强鼠标可用性-->
    <p>
        <label for="mark">你点我试试</label>
        <input type="text" id="mark">
    </p>

</form>

</body>
</html>

3.4 表单初级验证

常用方式：placeholder（提示信息）、required（非空信息）、pattern（正则表达式）

zdb呀
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
狂神说笔记内容.zip
08-15
课程笔记Java入门的狂神说，说明下里面的说明TXT内容是 狂神说Java入门文件，你们是打不开的由于我这电脑做了加密处理。
狂神说Vue笔记整理
热门推荐
qq_46138160的博客
12-11 10万+
狂神说Vue笔记 ​ 想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端，为实现成为“互联网Java全栈工程师”再向前迈进一步。 一、前端核心分析 1.1、概述 Soc原则：关注点分离原则 Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据 网络通信 ： axios 页面跳转 ： vue-router 状态管
遇见狂神说JavaWeb笔记详解
qq_32145097的博客
09-07 6902
写在最前面，这篇博客为观看学习狂神javaweb所写，记录下来及时复习以及分享。 文章目录1、基本概念2、web服务器3、Tomcat4、Http5、Maven6、Servlet 1、基本概念 1.1、前言 1.2、web应用程序web应用程序： 1.3、静态web 1.4、 动态web 2、web服务器 2.1、技术讲解 2.2、web服务器 3、Tomcat 3.1安装tomcat tomcat 3.2、Tomcat启动和配置 3.3、配置 3.4、发布一个web网站 4、Http 4.1、什么是HTT
狂神Git详解
qq_47897078的博客
04-21 600
狂神聊Git 学习git之前，我们需要先明白一个概念 版本控制！ 什么是版本控制 版本控制（Revision control）是一种在开发的过程中用于管理我们对文件、目录或工程等内容的修改历史，方便查看更改历史记录，备份以便恢复以前的版本的软件工程技术。 实现跨区域多人协同开发 追踪和记载一个或者多个文件的历史记录 组织和保护你的源代码和文档 统计工作量 并行开发、提高开发效率 跟踪记录整个软件的开发过程 减轻开发人员的负担，节省时间，同时降低人为错误 简单说就是用于管理多人协同开发项目的技术。 没有进
【狂神说Java】HTML5完整教学笔记
qq_44005101的博客
05-18 1334
【狂神说Java】HTML5完整教学笔记01 HTML详解1.1 初识HTML1.2 网页基本标签1.3 图像、超链接标签及网络布局1.4 表单及表单应用1.5 表单初级验证 01 HTML详解 1.1 初识HTML Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等。 Html5+Css3 —>现在使用的版本 Html5提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，
遇见狂神说GIt 学习笔记
09-26
打开md文件，优先推荐使用typora
狂神说-HTML.pdf
11-12
主要根据狂神说视频整理的HTML
狂神说笔记md文件与pdf
11-17
内含 javascript, java web, java基础, mybatis, MySQL, Redis, spring, spring boot, spring mvc, vue的md格式笔记与pdf文件
SpringMVC狂神说最全笔记
01-29
根据SpringMVC狂神说公众号做的笔记，把他做成了md方便大家阅读
用html写一个旋转菜单
最新发布
liulang68的博客
04-24 647
【代码】用html写一个旋转菜单。
Web前端开发之HTML_3
zx1026409886的博客
04-23 904
表单在Web网页中用来给用户填写信息，从而采集用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。表单是由容器和控件组成的，一个表单一般应包含用户填写信息的输入框，按钮等，这些输入框、按钮叫做控件，表单就是容器，它能够容纳各种各样的控件。
HTML随机点名程序
m0_65992344的博客
04-22 329
HTML随机点名程序
如何创建响应式HTML电子邮件模板
晓风晓浪
04-20 1180
在这个适合初学者的指南中，你将学习如何创建一个响应式电子邮件模板。你将跟随逐步说明以及代码片段设计一个在任何设备上都看起来很棒的电子邮件模板。这个项目非常适合渴望掌握电子邮件设计基础的新手！（本文视频讲解：java567.com）
HTML使用jQuery实现两个点击按钮，分别控制改文本字体颜色和字体大小
m0_65992344的博客
04-22 648
jQuery 是一个广泛使用的 JavaScript 库，旨在简化对 HTML 文档的操作、事件处理、动画效果和 AJAX 等操作。
html笔记 ai问答
qq_50437196的博客
04-23 429
在HTML中，`text-align: center` 属性是用来设置内联内容（比如文本或链接）在其块级容器（比如`<div>`, `<p>`, 或 `<h1>` 等）内部水平居中的。- `$("p span")`会选择所有位于`p`元素内的`span`元素，无论`span`元素嵌套在`p`元素内部的深度如何。在这个例子中，尽管 `text-align: center` 是应用在 `<h1>` 上的，但 `<span>` 作为内联元素会继承这个对齐方式，从而使得其中的文本居中。
前端入门：HTML（列表和边框案例）
yscy0801的博客
04-22 403
新手前端适合买什么笔记本？28岁转前端来得及吗？前端面试如何谈高薪？大厂前端招聘中的内幕在线解答问题
【HTML】H5新增元素记录
kakaai77的博客
04-20 546
MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input。data-*是全局属性，可以在所有元素中定义，并且javascript中操作DOM通过dataset轻松获取到。HTML元素用于在HTML中嵌入媒体播放器，支持文档中的视频播放。HTML元素用于在文档中嵌入音频内容，和video的用法类似。遇到浏览器不支持MP4格式时，会自动切换到webm的格式。用途：通常用于HTML和javascritp的数据传递。
基于Springboot+Mybatis-Plus+mysql+html旅游网站
Timi2019的博客
04-22 569
管理员：系统管理（用户管理、角色管理、权限管理）、业务管理（类型管理、产品管理）环境：idea、maven、'mysql8以上。
狂神说javamysql
10-12
好的，你的问题是“狂神说Java MySQL”，那我来回答一下。 狂神说是一个非常优秀的Java教学视频，其中也包括了MySQL数据库的相关内容。MySQL是一种开源的关系型数据库管理系统，广泛应用于Web应用程序的开发中。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zdb呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值