HTML深入学习
HTML使用教程
HTML使用教程一、HTML简介HTML（HyperText Markup Language）是一种常用的标记语言，用于创建网页结构和内容。
本章将介绍HTML的基本概念和语法规则。
1.1 HTML的发展历程HTML最早是由李爵士（Tim Berners-Lee）于1991年创建的，用于在因特网上发布和共享文档。
随着互联网的发展，HTML逐渐成为构建网页的标准语言。
1.2 HTML元素和标签HTML文档由多个元素组成，每个元素都由开始标签和结束标签包围。
元素的内容位于开始标签和结束标签之间。
1.3 HTML基本结构一个简单的HTML文档由DOCTYPE声明、html标签、head标签和body标签组成。
其中，DOCTYPE声明定义了文档的类型，而head标签和body标签分别定义了文档的头部和主体部分。
二、HTML常用标签本章将介绍HTML中常用的标签，包括文本标签、链接标签、图像标签等。
2.1 文本标签HTML提供了多种文本标签，如标题标签（h1至h6）、段落标签（p）、换行标签（br）等，用于展示不同级别的标题、段落和换行。
2.2 链接标签链接是网页中常用的元素，可以通过使用链接标签（a）在网页之间进行跳转。
链接标签使用href属性指定跳转的目标URL。
2.3 图像标签在网页中插入图像可以丰富页面内容，HTML提供了图像标签（img）来实现这一功能。
图像标签使用src属性指定图像的URL。
三、HTML表单HTML表单是网页中用户输入和提交数据的主要方式，本章将介绍HTML表单的创建和常见表单元素的使用。
3.1 创建表单使用表单标签（form）可以创建一个HTML表单。
表单标签的action属性指定数据提交的URL，method属性定义提交数据的方式（GET或POST）。
3.2 表单元素HTML提供多种表单元素，如文本输入框（input type="text"）、单选按钮（input type="radio"）、复选框（input type="checkbox"）等。
html学习心得
Don't think about creating the sea, you must first start with small rivers.勤学乐施积极进取（页眉可删）html学习心得html学习心得【1】通过近一个多月的对HTML的学习，我们已经能够熟练得使用HTML中的一些常用的标签以及页面的布局，我们这一期的课程安排只是要我们能够初步熟悉HTML。
所以书本上的介绍也很详细。
第一章主要介绍了HTML的主要结构，以及一些基本的标签，这一章需要记的东西稍多一点，因为每个标签都要记它的用法和单词。
我觉得这一章最好玩的标签应该就算是“marquee”这个标签了，因为它可以使文字或图片动起来。
第二章整个章节都是在介绍表格的用法。
表格在网页设计中很重要，它可以算是整个页面布局的半个灵魂(因为后面还有一个DIV)。
这一章不光要了解表格的建立方式，还要了解表格中涉及到的一些属性及其用法。
另外我觉得学好这一章为我们以后借鉴别人的作品也很有帮助。
第三章主要介绍了两个部分，一个是表单，在表单里涉及到了几个控件，如：文本框，密码框，单选按钮，复选框，下拉列表框，多行文本，提交按钮和重置按钮。
这些为我们以后什么登录系统时很有帮助。
这一章的另一个部分是框架，框架可以实现网页局部的刷新。
第四章又是这一本书的另一个重点，就是CSS样式表。
网页就是一个门面，做为门面当然要漂亮，而CSS样式就是来装扮门面的彩妆。
样式表可以实现网页编码和美工的分离这样即方便了编码人员的修改又方便了后来人员对代码的阅读，同时他还可以实现一些很炫的效果，例如鼠标停在某个超链接上时超链接的背景发生变化，设置文字有背景色，雾状显示图片等。
第五章和第六章主要是介绍了一个设计工具-Dreamweave，它是一款可视化的编写工具，并且提供一些控件，这就很大程度上方便了网页的编码量。
当然在第四章中还介绍到了DIV层的使用，这个也是很重要的。
上面说到表格是页面布局的半个灵魂，现在表格+DIV就是页面布局的整个灵魂。
html教案
html教案HTML教案教学目标：1. 了解HTML的基本定义和作用；2. 熟悉HTML的基本标签；3. 能够使用HTML创建简单的网页。
教学内容：一、HTML的定义和作用1. HTML是超文本标记语言（HyperText Markup Language）的缩写，它是一种用来描述网页结构的标记语言；2. HTML的作用是实现网页的内容展示和布局。
二、HTML的基本标签1. <!DOCTYPE html>：定义文档类型为HTML5；2. <html>：定义HTML文档；3. <head>：定义文档的头部，包含与文档相关的信息，如标题、样式表、脚本等；4. <title>：定义文档的标题，显示在浏览器的标题栏中；5. <body>：定义文档的主体，包含网页的内容；6. <h1>-<h6>：定义标题，数字从1到6，数字越小字号越大；7. <p>：定义段落；8. <a>：定义超链接，通过href属性指定链接的目标网址；9. <img>：定义图像，通过src属性指定图像的源文件；10. <ul>：定义无序列表、<ol>：定义有序列表；11. <li>：定义列表项；12. <table>：定义表格；13. <tr>：定义表格的一行；14. <td>：定义表格的一个单元格；15. <form>：定义表单，用于向服务器提交数据；16. <input>：定义表单中的输入控件。
教学步骤：1. 介绍HTML的定义和作用，引导学生了解HTML的重要性；2. 逐个讲解HTML的基本标签，重点解释各个标签的含义和用法；3. 分析实际网页的结构，帮助学生理解HTML标签的嵌套关系；4. 演示使用HTML创建简单的网页，如一个包含标题、段落和图像的页面；5. 练习让学生根据给定的需求，使用HTML创建自己的网页；6. 展示学生的成果，进行互动讨论和评价。
前端html学习计划
前端html学习计划第一部分：HTML基础知识1. 学习HTML基本概念和语法- 了解HTML的发展历史和基本概念- 学习HTML的基本标签和语法规则- 理解HTML文档结构和标签嵌套关系2. 学习HTML文档结构与标签- 学习HTML文档的基本结构- 学习HTML中常用的标签，如标题、段落、列表、链接、图片等- 掌握HTML表单相关的标签，如input、form、button等3. 学习HTML元数据与语义化标签- 了解HTML元数据标签，如meta、title、link等- 学习HTML5新增的语义化标签，如header、footer、section、article等 - 掌握如何使用语义化标签构建更加有意义和结构清晰的网页4. 学习HTML多媒体与嵌入内容- 学习在HTML中嵌入多媒体内容，如音频、视频和嵌入代码- 掌握如何使用HTML5新增的video和audio标签来播放视频和音频- 学习如何在网页中嵌入其他网页和外部应用第二部分：HTML进阶知识1. 学习HTML语义化与SEO优化- 深入了解HTML语义化的概念和重要性- 学习如何使用语义化标签优化网页结构和内容- 掌握如何通过HTML优化网页以提高SEO效果2. 学习HTML表单与表格- 深入学习HTML表单标签和属性- 掌握如何使用表单元素构建各种不同类型的表单- 学习HTML表格相关标签和属性，如table、tr、td等3. 学习HTML5新增特性- 了解HTML5的新特性和变化- 学习HTML5新增的标签和属性，如canvas、svg、video、audio等 - 掌握如何使用HTML5的新特性为网页增加更多交互和多媒体效果4. 学习HTML响应式设计- 了解响应式设计的概念和原理- 学习如何使用HTML和CSS实现响应式布局- 掌握如何在不同设备上实现网页的良好显示效果第三部分：实战项目与综合应用1. 实战项目学习- 参与实际的HTML项目开发，在项目中应用HTML基础知识- 学习如何组织和管理HTML文档结构- 掌握如何使用HTML创建网页布局和样式2. 综合应用与项目实践- 综合运用HTML、CSS和JavaScript，完成更加复杂的项目- 学习如何与后端和数据库进行数据交互- 掌握如何使用各种工具和框架来优化HTML开发流程第四部分：HTML进阶应用1. 学习HTML与CSS的整合- 学习如何将HTML和CSS整合应用- 掌握如何通过CSS来美化和布局HTML网页- 学习如何通过CSS动画来为网页增添更多交互效果2. 学习HTML与JavaScript的整合- 学习如何在HTML中嵌入JavaScript代码- 掌握如何通过JavaScript来实现网页的动态交互和效果- 学习如何使用JavaScript操控和修改HTML文档结构3. 学习HTML与前端框架的整合- 学习如何将HTML与前端框架整合应用- 掌握常用的前端框架，如Bootstrap、React等- 学习如何使用前端框架来简化HTML开发过程第五部分：项目实战与深度应用1. 进行独立项目实践- 参与独立的HTML项目开发，在项目中应用HTML的各种知识和技巧 - 学习如何与团队合作，进行项目需求分析和文档编写- 掌握如何将HTML应用于真实的项目和业务场景2. 深度应用与创新实践- 学习HTML在创新应用和前沿技术中的应用- 探索HTML在VR、AR、物联网等领域的应用- 掌握如何利用HTML开发更具创新性和前瞻性的项目第六部分：总结与提高1. 深入总结与反思- 总结并复习HTML的基础知识和技能- 分析自身在学习HTML过程中的不足和不足之处- 总结并归纳HTML的各种技巧和最佳实践2. 继续提高与学习- 继续学习HTML在前端开发中的应用和实践- 持续关注HTML技术的最新发展和变化- 学习并掌握其他前端相关技能和知识，如CSS、JavaScript等以上是一个完整的HTML学习计划，希望对你有所帮助。
html5学习心得体会
html5学习心得体会HTML5是一种用于构建和呈现Web内容的标准化语言。
通过学习HTML5，我深刻认识到了它在Web开发中的重要性并获得了丰富的经验。
以下是我对HTML5学习的心得体会。
一、HTML5的优势HTML5相对于之前的HTML版本带来了许多显著的改进和优势。
首先，HTML5支持多媒体元素，如音频、视频等，使得在Web页面中嵌入富媒体内容变得更加容易。
其次，HTML5引入了更多的语义化标签，如<header>、<section>、<footer>等，使得网页结构更加清晰，有助于搜索引擎优化和可访问性。
此外，HTML5还引入了一些新的API，如地理位置、拖放、本地存储等，为开发者提供了更多的功能和交互性。
二、学习HTML5的途径学习HTML5的途径有很多种，我主要通过以下几种方式进行学习：1. 在线教程：通过参与网上的HTML5教程，我系统地学习了HTML5的各项特性和语法规则。
这些教程通常以模块化的形式呈现，便于我按照自己的进度学习，并带有实例演示和练习题。
2. 视频教程：观看HTML5的视频教程，能够更直观地了解各个特性的使用方法。
视频教程通常结合实际场景进行讲解，让我更容易理解和记忆。
3. 实践项目：通过自己动手完成一些实际项目，我更加深入地理解和应用HTML5。
这些项目可以是简单的网页设计，也可以是复杂的Web应用程序。
通过实践，我能够将所学知识转化为实际能力。
三、HTML5的应用学习HTML5后，我发现它在各个领域都有广泛的应用。
以下是我对HTML5应用的一些总结：1. 移动应用开发：HTML5支持响应式设计和移动端优化，使得开发者可以使用一套代码适配不同的设备和屏幕大小。
这对于开发跨平台的移动应用非常有用。
2. 游戏开发：HTML5的Canvas和WebGL技术使得在浏览器中创建游戏变得更加容易。
相比传统的Flash游戏，基于HTML5的游戏无需插件，更具可访问性和跨平台性。
html5实训总结
html5实训总结一、背景介绍在现代社会中，互联网的发展已经成为人们生活中不可或缺的一部分。
作为互联网的基础编程语言之一，HTML5广泛应用于网页设计和开发领域，为用户提供了丰富的互动体验和功能。
本文将对我在HTML5实训中的学习总结和体会进行分享。
二、学习过程1. 基础理论学习在HTML5实训之初，我首先系统地学习了HTML5的基本语法和标签应用，包括文本标签、图像标签、链接标签、表格标签等。
通过观看教学视频和阅读相关文档，我深入了解了这些标签的功能和使用方法。
2. 实践项目实践项目对于巩固理论知识和提升实际操作能力至关重要。
在实训项目中，我完成了网页的设计和开发工作，其中包括了多个页面和交互元素。
通过这些实践项目，我不仅学会了如何使用HTML5标签创建网页结构，还掌握了CSS和JavaScript的应用，使得网页更加美观和高效。
3. 团队协作在实训过程中，我加入了一个团队并与小组成员合作完成了一个较大规模的项目。
通过与团队成员的交流和合作，我学会了寻求帮助、分享经验以及分工合作。
团队协作不仅帮助我更好地理解HTML5的应用，还培养了我的沟通和协调能力。
三、学习成果1. HTML5技能的提升通过实训项目，我成功地将HTML5的基础语法和标签应用到实际的网页设计中。
我学会了创建网页的基本结构，插入图像、链接和表格，以及实现表单和JavaScript交互等功能。
这些技能的提升为我今后从事网页设计和开发工作打下了坚实的基础。
2. 美观设计与用户体验在实训中，我深刻认识到网页设计的重要性。
通过运用CSS样式表，我学会了调整元素的字体、颜色、布局等，从而实现更加美观的网页设计。
同时，通过运用HTML5的交互特性，我能够设计出更具吸引力和友好的用户体验，提升网站的互动性和用户留存率。
3. 团队合作与沟通能力参与团队项目的经历，提升了我的团队协作与沟通能力。
在项目中，我学会了与团队成员建立有效的沟通渠道，分享工作进展和遇到的问题，并及时相互协助解决。
html网页心得体会15篇
html网页心得体会html网页心得体会15篇html网页心得体会1杨老师下午讲解的是网页制作，他从网页布局（三段式）讲解，接着展示新浪、师院首页给我们看，在这过程中，始终都以实例讲解为主。
接着讲网页布局的方法：1.纸上布局法许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。
这种不打草稿的方法不能让你设计出优秀的网页来。
所以在开始制作网页时，要先在纸上画出你页面的布局草图来。
2.软件布局法如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。
这个软件就是Photoshop。
Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。
不像用纸来设计布局，利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。
最后重点讲了布局的技术1.层叠样式表的应用2.表格布局3.框架布局最后，杨老师就DIV+CSS给我们进行详细介绍，我们按照他的进度，创建网站站点、创建文件夹、创建文件。
然后在DIV容器中插入动画，创建CSS文件，对不同的块元素进行排版，主要是浮动—float。
由于时间实在是太短了，很多知识都没的讲，比如我们常遇到的外边距，内边距，线条，以及一些基本的代码知识…….哈哈，我就不多说了，对于网页我也研究了好几年了，问题还真多，学过网页布局（table、DIV+CSS），学过平面设计（PS、CDR），学过编程（ASP、），学过数据库（AC、SQL）。
可以说我现在完全可以独当一面，接过学校、企业、武警等的网页制作，评价都还不错！目前就是缺一个团队，从郑小军老师他们的成果看，不是一个人的努力能完成的，更多的是要一个志同道合的团队，回去我也该好好想想这个问题了。
html网页心得体会2在学习网页制作的这几天里，我利用了学习之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学习，去不断的探索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
html实训原理
html实训原理HTML实训原理HTML是一种标记语言，用于创建网页。
它是Web开发的基础，因此学习HTML是Web开发的第一步。
在学习HTML时，实践是非常重要的。
本文将介绍HTML实训的原理和重要性。
HTML实训的原理HTML实训是通过实践来学习HTML的过程。
它的原理是通过实际操作来加深对HTML语言的理解和掌握。
HTML实训通常包括以下几个步骤：1. 学习HTML基础知识：在开始实训之前，需要先学习HTML的基础知识，包括HTML标签、属性、元素等。
2. 设计网页：在实训之前，需要先设计一个网页的布局和内容。
这个过程需要考虑网页的结构、样式和功能等。
3. 编写HTML代码：根据设计好的网页，编写HTML代码。
在编写代码时，需要注意HTML语法的正确性和标签的嵌套关系。
4. 调试和修改：在编写完HTML代码后，需要进行调试和修改。
这个过程中，需要检查代码的正确性和网页的显示效果。
5. 发布网页：在完成调试和修改后，可以将网页发布到互联网上，让其他人访问。
HTML实训的重要性HTML实训是学习HTML的重要方法之一。
它的重要性体现在以下几个方面：1. 提高实践能力：通过实际操作，可以加深对HTML语言的理解和掌握。
这有助于提高实践能力，为将来的Web开发打下基础。
2. 培养团队合作精神：在实训过程中，可以与其他人一起合作完成网页的设计和编写。
这有助于培养团队合作精神，提高协作能力。
3. 增强自信心：通过实际操作，可以看到自己的成果，这有助于增强自信心和自我价值感。
4. 掌握实用技能：学习HTML实训不仅可以掌握HTML语言，还可以学习到其他相关技能，如CSS、JavaScript等。
5. 提高就业竞争力：掌握HTML实训可以提高就业竞争力。
在Web开发领域，掌握HTML实训是基本要求之一。
总结HTML实训是学习HTML的重要方法之一。
通过实际操作，可以加深对HTML语言的理解和掌握，提高实践能力，培养团队合作精神，增强自信心，掌握实用技能，提高就业竞争力。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML文件基本结构 文件基本结构
HTML文件的基本结构 文件的基本结构 <html> <head> <title> </title> </head> <body> </body> </html> 编写第一个网页
<html> <head> <title> 网页标题 </title> </head> <body> 网页的内容 </body> </html>
width/ height border/ bordercolor align bgcolor/background colspan/rowspan cellspacing/cellpadding表 格来自示 例HTML表单 表单
表单允许客户端的用户以标准格式向服务器提交数据。 表单的创建者为了收集所需数据，使用了各种控件设计 表单如 INPUT 或 SELECT。 查看表单的用户只需填充数据并单击提交按钮即可向服 务器发送数据，服务器上的脚本会处理这些数据。
单 标 记 双 标 记
HTML标记分类 标记分类
HTML标记可以分为： 标记可以分为： 标记可以分为
文档标记 字体标记 表格标记 表单标记 图形标记 连接标记 框架标记 排版、 排版、列表标记
常用标记
文档标记
<html> <head> <title> <body> 表示网页文件的开始和结束 网页的头部， 网页的头部，设置文档标题和其它在网页中不显示的信息 设置文档标题 设置网页的主体部分
Meta元素 元素
<head> <meta name=“作者改名” content=“网页交流”> 作者改名” 网页交流” 作者改名 网页交流 <meta http-equiv="Content-Type"content="text/html; charset=GBK"> <meta http-equiv="refresh" content="3;URL=" > </head>
路径：C:\Documents and Settings\Administrator\a.htm URL地址：/
绝对和相对路径名
C:\html 目录
htm_1.html htm_3.html
C:\other目录 目录
html_2.html html_4.html
同上
<img src="edu.jpg" border="20"/> <img src="edu.jpg" align="left"/> <img src="edu.jpg" vspace="10" hspace="20"/>
同上
HTML表格 表格
<table> 元素： 定义一个表格。每一个表格只有一对<table>和 </table>，一张页面中可以有多个表格。 <tr>元素： 定义表格的行，一个表格可以有多行，所以<tr> 对于一个表格来说不是唯一的。 <td>元素： 定义表格的一个单元格。每行可以有不同数量的 单元格，在<td>和</td>之间是单元格的具体内容。
<元素名 [属性 元素内容 元素名 元素名 属性 元素内容</元素名 属性]>元素内容 元素名> <元素名 、</元素名 分别为开始符、结束符。 元素名>、 元素名 分别为开始符、结束符。 元素名>分别为开始符 元素名 元素属性是对元素进行修饰的。 元素属性是对元素进行修饰的。
HTML元素示例 元素示例
含 义
用于指定作为文档背景使用的图象的URL 设置文档的背景颜色 指定文档中正常文本的颜色 指定未访问链接的颜色 指定已访问链接的颜色
HTML 文本格式
Html文本格式是指定用于渲染Html文档所包含 文本的新字体、大小和颜色等属性。
文字颜色 文字字体 文字大小 文字标题 文字布局
……<font color="#336699">蓝色 蓝色</font>…… …… 蓝色 …… ……<font face="宋体 宋体 宋体">宋体 …… 宋体 宋体</font>…… …… ……<font size="3">三号字 三号字</font>…… …… 三号字 …… ……<h#>文字标题 文字标题</h#>…… …… 文字标题 …… *行的控制 *文字控制 *对齐方式 *分区显示 行的控制 文字控制 对齐方式 分区显示
Advanced HTML
HTML深入学习 深入学习
课程目的
• 以项目为依托，全面介绍与创建静态网页 有关的HTML和CSS知识，使学员能制作外 观简单的HTML页面。 • 讲解怎样通过JavaScript对页面进行处理。 JavaScript • 为开发网站、开发B/S系统打好基础
课程目标
• • • • • 理解什么是HTML、CSS、JavaScript 理解并掌握HTML语言中的各种标记； 理解CSS样式表的作用和意义； 理解javascript的基本知识； 掌握使用dreamwaver等工具开发静态网站项 目；
Img标记的常用属性 标记的常用属性
属 性
width height border align hspace vspace
含
义
实
例
图片的宽度设置 图片的长度设置 图片的边框设置 图片的对齐方式 图片的水平间距 图片的垂直间距
<img src="edu.jpg" width="100" height="100"/>
常用标记
字体标记
<strong> <b> <i> <u> <h1> <font> <address> <sub> <sup> 加重语气，产生字体加粗 Bold 的效果 加重语气， 粗体标记， 粗体标记，产生字体加粗的效果 斜体标记 字体出现斜体效果 加上底线 变粗变大加宽，还有h2、 、 一级标题标记 变粗变大加宽，还有 、h3、到h6 字形标记，设定字形、大小、 字形标记，设定字形、大小、颜色 地址标记， 地址标记，斜体效果 下标字 上标字 指数（平方、立方等） 指数（平方、立方等）
HTML表格 表格
列 表头/列标题 表头 列标题
边框 单元格 行
文档中使用表格来存放网页上的文本和图像, 在HTML文档中使用表格来存放网页上的文本和图像, 文档中使用表格来存放网页上的文本和图像 控制网页布局。 控制网页布局。
HTML表格 表格
表格常用的属性
属
性
含 义
表格的宽度/高度 表格的边距/边距颜色 表格的对齐方式 表格的背景颜色/背景图片 跨多列合并/跨多行合并 单元格间距/单元格边距
相对路径名
下的页面， 链接到同一目录 (C:\html) 下的页面，格式 <a href = “html_3.htm”> 或 <a href= “C:\html\html_3.htm”> 下的页面， 链接到另一目录 (C:\example) 下的页面，格式 <a href =“..\other\html_2.htm”> 或<a href =“C:\other\html_2.htm”>
<HTML> <FORM ACTION="" METHOD="POST"> 输入你的姓名: 输入你的姓名 <INPUT NAME="FName"><BR> 喜爱的冰淇淋口味: 喜爱的冰淇淋口味 <SELECT NAME="Flavor"> <OPTION VALUE="Chocolate">巧克力 巧克力 <OPTION VALUE="Strawberry">草莓 草莓 <OPTION VALUE="Vanilla" SELECTED>香草 香草 </SELECT> <P><INPUT TYPE=SUBMIT> </FORM> </HTML>
Title 元素仅可在 Head 元素内使用。位于 Title 开 闭标签之内的文本都会在浏览器的标题栏和 Microsoft Windows® 的任务栏上显示。
<html> <head> <title> “欢迎使用 Internet Explorer!” 欢迎使用 </title> </head> </html>
绝对路径名
超链接定位
指向具体网站
超链接定位
指向E-mail的超链接 的超链接 指向
关键字mailto:标注该链接指向email地址
超链接定位
打开新链接窗口
属性target是打开目 标窗口的基本结构
HTML图像标记 图像标记
Img标记的基本语法 标记的基本语法
<img src=“图片名称”[dynsrc=“视频名称”]> 图片名称” 视频名称” 图片名称 视频名称