html标签及基础语法 大合集

01-标签语法标签结构

HTML(Hypertext Markup Language)是网页的基础语言之一,它通过使用标签(tag)来描述网页的结构和内容。标签是由尖括号包围的关键词,通常成对出现,其中包括一个开始标签和一个结束标签。开始标签包含元素的名称,而结束标签在元素名称之前加上斜杠。

<!DOCTYPE html>
<html>
<head><title>标题</title>
</head>
<body><h1>这是一个标题</h1><p>这是一个段落。</p>
</body>
</html>

在上面的例子中,<!DOCTYPE html> 声明了文档类型,告诉浏览器正在使用的是 HTML5 标准。<html> 标签包含了整个 HTML 文档的内容,<head> 标签中包含了文档的头部信息,如标题等。<title> 标签定义了浏览器工具栏中的标题,而 <body> 标签包含了可见的页面内容。<h1> 标签定义了一个最高级别的标题,而 <p> 标签定义了一个段落。

尝试一下>>>

02-HTML骨架

HTML骨架指的是网页的基本结构和布局。一个简单的HTML骨架包括了DOCTYPE声明、html标签、head标签和body标签。在这个基本的结构上,我们可以添加不同的元素来构建网页的内容和样式。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><!-- 这里是网页的内容 -->
</body>
</html>

上面的例子中,<!DOCTYPE html>声明了HTML文档的类型为HTML5,<html>标签包裹了整个HTML文档,<head>标签中包含了文档的头部信息,比如编码、视口设置和标题等,<body>标签中包含了可见的页面内容。

提示

VS Code 可以快速生成骨架:在 HTML 文件(.html)中,!(英文)配合 Enter / Tab 键

03-标签的关系

在HTML中,标签之间可以有不同的关系,包括嵌套关系和并列关系。嵌套关系指的是一个标签包含在另一个标签内部,形成层级结构。而并列关系指的是同级别的标签在文档中并排出现。

<div> <!-- 父级标签 --><p>这是一个段落。</p> <!-- 子级标签 --><div>这是一段文字。</div> <!-- 兄弟标签 -->
</div>

在上面的例子中,<div>标签是父级标签,包含了一个<p>标签作为子级标签。这种关系可以帮助我们更好地组织和布局页面。

04-注释

在HTML中,注释可以帮助开发者在代码中添加说明性文字,但这些文字不会被浏览器渲染出来,只有在查看源代码时才会看到。注释使用<!-- -->来包裹。

<!-- 这是一个注释,用于解释以下代码的作用 -->
<p>这是一个段落。</p>

上面的例子中,<p>标签后面的注释不会在浏览器中显示,但可以帮助其他开发者理解这段代码的作用。

05-标题标签

标题标签用于定义网页中的标题文本,它们有多个级别,从<h1><h6>,表示重要性逐渐降低。

<h1>这是最重要的标题</h1>
<h2>这是次要的标题</h2>
<h3>这是又次要的标题</h3>

在网页中,标题标签不仅可以用于显示标题,还可以用于组织页面结构,帮助用户更好地理解页面内容的层次结构。

06-段落标签

段落标签 <p> 用于定义文本段落,通常用于显示正文内容。

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

在HTML中,段落标签可以帮助我们更好地组织和布局文本内容,使页面看起来更加清晰和有序。

07-换行和水平线

在HTML中,可以使用 <br> 标签进行换行,使用 <hr> 标签插入水平线。

<p>这是第一行。<br>这是第二行。</p>
<hr>
<p>这是下一个段落。</p>

使用 <br> 标签可以在段落中强制换行,而 <hr> 标签可以在文档中插入一条水平线,用于分隔内容。

08-文本格式化标签

HTML提供了一些标签用于对文本进行格式化,其中包括<strong><em><ins><del>标签。

<p><strong>加粗文本</strong></p>
<p><em>斜体文本</em></p>
<p><ins>插入文本</ins></p>
<p><del>删除文本</del></p>

在上面的例子中,<strong> 标签用于表示强调的重要文本,通常会显示为粗体字,<em> 标签用于表示强调的文本,通常会显示为斜体字,<ins> 标签用于表示被插入的文本,浏览器通常会对其进行下划线标记,<del> 标签用于表示被删除的文本,浏览器通常会对其进行删除线标记。

09-超链接标签

超链接标签 <a> 用于创建指向其他网页、文件或位置的链接。

<a href="https://www.example.com">这是一个链接</a><!-- 跳转到本地文件:相对路径查找 --> 
<!-- target="_blank" 新窗口跳转页面 --> 
<a href="./01-标签的写法.html" target="_blank">跳转到01-标签的写法</a><!-- 开发初期,不知道超链接的跳转地址,href属性值写#,表示空链接,不会跳转 -->
<a href="#">空链接</a>

在上面的例子中,<a> 标签中的 href 属性指定了链接的目标地址。用户点击这个链接时,浏览器会跳转到指定的网页。

超链接默认是在当前窗口跳转页面,添加 target=“_blank” 实现新窗口打开页面。

拓展:开发初期,不确定跳转地址,则 href 属性值写为 #,表示空链接,页面不会跳转,在当前页面刷新一次。

10-音频

HTML5引入了<audio>标签,用于在网页中嵌入音频内容。

<audio controls autoplay loop><source src="audio.mp3" type="audio/mp3">
</audio>

在上面的例子中,<audio> 标签用于定义音频,controls 属性表示显示音频控制面板,loop表示循环播放,autoplay表示自动播放,<source> 标签用于指定音频文件的来源和类型。

11-视频

HTML5引入了<video>标签,用于在网页中嵌入视频内容。

<video width="320" height="240" controls muted><source src="movie.mp4" type="video/mp4">Your browser does not support the video tag.
</video>

在上面的例子中,<video> 标签用于定义视频,widthheight 属性定义了视频的宽度和高度,controls 属性添加了视频播放器的控件,muted表示静音播放,<source> 标签用于指定视频文件的来源和类型。

loop,autoplay等属性功能与音频一致。

尝试一下>>>

12-无序列表

无序列表 <ul> 用于显示项目之间没有特定顺序的列表。

<ul><li>项目1</li><li>项目2</li><li>项目3</li>
</ul>

在上面的例子中,<ul> 标签定义了一个无序列表,每个列表项由 <li> 标签定义。浏览器会自动为无序列表添加项目符号。

13-有序列表

有序列表 <ol> 用于显示项目之间有特定顺序的列表。

<ol><li>项目1</li><li>项目2</li><li>项目3</li>
</ol>

在上面的例子中,<ol> 标签定义了一个有序列表,每个列表项同样由 <li> 标签定义。浏览器会自动为有序列表添加编号。

14-定义列表

定义列表 <dl> 用于显示项目及其定义。

<dl><dt>苹果</dt><dd>一种水果</dd><dt>香蕉</dt><dd>一种水果</dd>
</dl>

在上面的例子中,<dl> 标签定义了一个定义列表,<dt> 标签定义了项目的标题,<dd> 标签定义了项目的描述。

15-表格-基本使用

表格 <table> 用于在网页中展示数据表格。

<table border="1"><tr><th>姓名</th><th>年龄</th></tr><tr><td>张三</td><td>25</td></tr><tr><td>李四</td><td>30</td></tr>
</table>

在上面的例子中,<table> 标签定义了一个表格,border 属性定义了表格边框的宽度,<tr> 标签定义了表格的行,<th> 标签定义了表头单元格,<td> 标签定义了数据单元格。

16-表格-表格结构标签

在表格中,除了 <table><tr><th><td> 这些基本标签外,还有一些用于调整表格结构的标签。

<table border="1"><caption>学生信息</caption><colgroup><col span="2" style="background-color:yellow"><col style="background-color:red"></colgroup><thead><tr><th>姓名</th><th>年龄</th><th>性别</th></tr></thead><tbody><tr><td>张三</td><td>25</td><td></td></tr><tr><td>李四</td><td>30</td><td></td></tr></tbody>
</table>

在上面的例子中,<caption> 标签用于定义表格标题,<colgroup> 标签定义了列的分组,<col> 标签定义了列的样式,<thead> 标签定义了表头部分,<tbody> 标签定义了表格的主体部分。

17-表格-合并单元格

在表格中,可以通过合并单元格来合并多个单元格,以便更好地展示数据。

<table border="1"><tr><th colspan="2">姓名</th><th>年龄</th></tr><tr><td>张三</td><td>25</td><td></td></tr><tr><td colspan="3">合并单元格</td></tr>
</table>

在上面的例子中,colspan 属性用于水平合并单元格,rowspan 属性用于垂直合并单元格。

18-表单-input基本使用

表单 <form> 用于向服务器传输数据,其中最常见的表单元素之一是输入框 <input>

<form action="/submit" method="post"><label for="username">用户名:</label><input type="text" id="username" name="username"><br><label for="password">密码:</label><input type="password" id="password" name="password"><br><input type="submit" value="提交">
</form>

在上面的例子中,<form> 标签定义了一个表单,action 属性定义了表单数据提交的地址,method 属性定义了数据提交的方式(GET 或 POST),<input> 标签定义了一个输入框,type 属性定义了输入框的类型,id 属性定义了输入框的唯一标识符,name 属性定义了输入框的名称,<label> 标签用于定义输入框的标签文本,<input type="submit"> 标签用于定义提交按钮。

19-表单-input占位文本

在输入框中,可以使用占位文本来提示用户输入内容的格式或要求。

<form action="/submit"method="post"><label for="email">邮箱:</label><input type="email" id="email" name="email" placeholder="请输入邮箱"><br><label for="phone">手机号:</label><input type="tel" id="phone" name="phone" placeholder="请输入手机号"><br><input type="submit" value="提交">
</form>

在上面的例子中,placeholder 属性用于定义输入框的占位文本,当用户没有输入内容时,占位文本会显示在输入框内。

20-表单-单选框

单选框 <input type="radio"> 用于让用户在多个选项中选择一个。

<form action="/submit" method="post"><input type="radio" id="male" name="gender" value="male"><label for="male"></label><br><input type="radio" id="female" name="gender" value="female"><label for="female"></label><br><input type="submit" value="提交">
</form>

在上面的例子中,<input type="radio"> 标签定义了一个单选框,name 属性定义了单选框的名称,value 属性定义了单选框的值,<label> 标签用于定义单选框的标签文本。

21-表单-上传多个文件

文件上传表单允许用户选择并上传一个或多个文件。使用 <input type="file" multiple> 属性可以实现上传多个文件的功能。

<form action="/upload" method="post" enctype="multipart/form-data"><input type="file" name="files[]" multiple><br><input type="submit" value="上传">
</form>

在上面的例子中,<input type="file" multiple> 标签允许用户选择多个文件进行上传,name="files[]" 中的 [] 表示这是一个文件数组,enctype="multipart/form-data" 属性用于指定表单数据的编码类型。

尝试一下>>>

22-表单-多选框

多选框 <input type="checkbox"> 用于让用户从多个选项中选择多个。

<form action="/submit" method="post"><input type="checkbox" id="apple" name="fruits" value="apple"><label for="apple">苹果</label><br><input type="checkbox" id="banana" name="fruits" value="banana"><label for="banana">香蕉</label><br><input type="submit" value="提交">
</form>

在上面的例子中,<input type="checkbox"> 标签定义了一个多选框,name 属性定义了多选框的名称,value 属性定义了多选框的值,<label> 标签用于定义多选框的标签文本。

23-表单-下拉菜单

下拉菜单 <select> 用于让用户从预定义的选项中选择一个。

<form action="/submit" method="post"><label for="cars">选择一辆车:</label><select id="cars" name="car"><option value="volvo">沃尔沃</option><option value="saab">萨博</option><option value="mercedes">奔驰</option><option value="audi">奥迪</option></select><br><input type="submit" value="提交">
</form>

在上面的例子中,<select> 标签定义了一个下拉菜单,name 属性定义了下拉菜单的名称,<option> 标签定义了下拉菜单的选项,value 属性定义了选项的值。

24-表单-文本域

文本域 <textarea> 用于让用户输入多行文本。

<form action="/submit" method="post"><label for="message">留言:</label><br><textarea id="message" name="message" rows="4" cols="50"></textarea><br><input type="submit" value="提交">
</form>

在上面的例子中,<textarea> 标签定义了一个文本域,name 属性定义了文本域的名称,rowscols 属性定义了文本域的行数和列数。

25-表单-label标签

<label> 标签用于定义表单元素的标签文本,增加用户体验和可访问性。

<form action="/submit" method="post"><label for="username">用户名:</label><input type="text" id="username" name="username"><br><label for="password">密码:</label><input type="password" id="password" name="password"><br><input type="submit" value="提交">
</form>

在上面的例子中,<label> 标签中的 for 属性与对应表单元素的 id 属性相对应,用于关联标签文本和表单元素,点击标签文本时会自动聚焦到对应的表单元素。

26-表单-按钮

按钮 <button> 标签用于创建可点击的按钮。

<button type="button" onclick="alert('Hello!')">点击我</button>

在上面的例子中,<button> 标签定义了一个按钮,type="button" 属性定义了按钮的类型为普通按钮,onclick 属性定义了按钮点击时执行的 JavaScript 代码。

27-语义化

在 HTML 中,语义化标签有助于更好地描述页面的结构和内容,提高页面的可读性和可访问性。

无语义的布局标签

无语义的布局标签通常用于布局目的,但并没有提供任何有关内容的信息。

  • <div>
  • <span>
有语义的布局标签

有语义的布局标签提供了更具有意义的语义,用于描述页面的结构和内容。

  • <header>: 网页头部
  • <nav>: 导航
  • <footer>: 页脚
  • <aside>: 侧边栏
  • <section>: 区域
  • <article>: 文章

这些标签有助于将页面结构和内容进行更清晰的描述,提高了页面的可读性和可访问性。

28-字体实体

HTML 提供了一些字符实体来显示特殊字符,比如版权符号、注册商标等。

<p>版权所有 &copy; 2024</p>
<p>注册商标 &reg;</p>
<p>小于等于 &le;</p>
<p>大于等于 &ge;</p>

在上面的例子中,&copy; 表示版权符号,&reg; 表示注册商标,&le; 表示小于等于,&ge; 表示大于等于。这些字符实体可以在网页中显示特殊字符,增强页面的表现力。

29-图像标签

图像标签 <img> 用于在网页中嵌入图像。

图像属性

图像标签具有一些属性,用于指定图像的来源、大小、替代文本等。

  • src: 指定图像文件的URL。
  • alt: 指定替代文本,用于在图像无法显示时显示文本描述。
  • width: 指定图像的宽度。
  • height: 指定图像的高度。
  • title: 指定标题文本,当鼠标悬停在图像上时显示。
属性语法
<img src="image.jpg" alt="替代文本" width="300" height="200" title="标题文本">

在上面的例子中,src 属性指定了图像文件的URL,alt 属性指定了替代文本,widthheight 属性指定了图像的宽度和高度,title 属性指定了标题文本。

30-路径

在 HTML 中,路径用于指定资源的位置,比如图像、样式表、脚本等。路径分为相对路径和绝对路径两种类型。

相对路径

相对路径指的是相对于当前文档的路径。它可以是相对于当前文档所在目录的路径,也可以是相对于当前文档的 URL 的路径。

  • 相对于当前文档所在目录的路径: 在链接资源时,可以直接指定资源的文件名或者相对于当前文档的子目录路径。
<img src="images/picture.jpg" alt="图片">
<link rel="stylesheet" href="styles/style.css">
<script src="scripts/script.js"></script>

在上面的例子中,src 属性中的路径 images/picture.jpg 表示当前文档所在目录下的 images 目录中的 picture.jpg 图片文件。

  • 相对于当前文档的 URL 的路径: 如果资源位于当前文档的 URL 所在的服务器上,可以使用相对 URL 路径。
<a href="../about.html">关于我们</a>

在上面的例子中,href 属性中的路径 ../about.html 表示当前文档的上一级目录中的 about.html 文件。

绝对路径

绝对路径指的是资源在文件系统或者网络上的完整路径。它可以是服务器上的路径,也可以是外部资源的 URL。

<img src="https://example.com/images/picture.jpg" alt="图片">
<link rel="stylesheet" href="https://example.com/styles/style.css">
<script src="https://example.com/scripts/script.js"></script>

在上面的例子中,src 属性中的路径 https://example.com/images/picture.jpg 表示一个外部网站上的图片文件的完整URL。

尝试一下>>>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/690360.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【大厂AI课学习笔记】【2.2机器学习开发任务实例】(6)特征分析

今天来学习特征分析。 通过图分析每个特征与结果的对应关系。 例如上方&#xff0c;使用散点图&#xff0c;将各个特征和价格的关系&#xff0c;绘制出来&#xff0c;观察是否具有较大的相关性。 散点图可以帮助找出现有特征中&#xff0c;与价格的关联度&#xff08;正数正相…

蓝桥杯刷题--python-7

0幸运数字 - 蓝桥云课 (lanqiao.cn) count 0def add_sum(num):nums []for i in num:nums.append(int(i))return sum(nums)for i in range(1, 999999):if count < 2023:bin_num bin(i)[2:]oct_num oct(i)[2:]hex_num hex(i)[2:]tm []for j in hex_num:tm.append(int(j,…

RAG和Embedding

搭建过程&#xff1a; &#xff08;1&#xff09;文档加载&#xff0c;并按一定条件切割成片段 &#xff08;2&#xff09;将切割的文本片段灌入检索引擎 &#xff08;3&#xff09;封装检索接口 &#xff08;4&#xff09;构建调用流程&#xff1a; Query -> 检索 ->…

Vue3+vite搭建基础架构(6)--- 使用vue-router

Vue3vite搭建基础架构&#xff08;6&#xff09;--- 使用vue-router 说明官方文档安装vue-router使用vue-router测试vue-router 说明 这里记录下自己在Vue3vite的项目使用vue-router的过程&#xff0c;不使用ts语法&#xff0c;方便以后直接使用。这里承接自己的博客Vue3vite搭…

阿里云上关于EDAS发布方式

1. 描述蓝绿部署和灰度发布的区别以及适用场景。 蓝绿部署和灰度发布是两种常见的软件发布策略&#xff0c;它们各有特点并适用于不同的场景。 蓝绿部署的特点&#xff1a; 目的&#xff1a;蓝绿部署的主要目的是减少发布时的中断时间&#xff0c;并且能够在新版本出现问题时…

用MQL语言实现报价导出为JSON文件

文章目录 一、MQL语言导出报价为JSON文件意义二、MQL语言导出报价为JSON的代码实现设置输入变量加载历史数据报价写入JSON文件添加数据到json文件脚本主程序 一、MQL语言导出报价为JSON文件意义 数据存储&#xff1a;将报价导出为JSON文件可以将数据以结构化的方式存储在文件中…

JavaScript(JS)与Java的区别与联系

区别&#xff1a; 1.JS是前端语言&#xff0c;Java是后端语言 2.JS是在浏览器上运行的&#xff0c;而Java是要在Java虚拟机&#xff08;JVM&#xff09;上运行 3.JS是弱类型语言&#xff08;不需要声明变量类型&#xff09;&#xff0c;而Java是强类型语言&#xff08;需要声…

sqlserver 事务

下面是 SQL Server 中使用事务的示例 SQL 代码&#xff1a; BEGIN TRANSACTION;UPDATE 表名 SET 列名 新值 WHERE 条件;INSERT INTO 表名 (列1, 列2, 列3) VALUES (值1, 值2, 值3);DELETE FROM 表名 WHERE 条件;COMMIT TRANSACTION;在上面的示例中&#xff0c;通过 BEGIN TRA…

[ linux网络 ] 网关服务器搭建,综合应用SNAT、DNAT转换,dhcp分配、dns分离解析,nfs网络共享以及ssh免密登录

实验准备工作&#xff1a; 网关服务器安装&#xff1a;dhcp bind &#xff08;yum install -y dhcp bind bind-utlis&#xff09; server1安装&#xff1a;httpd (yum install -y httpd) 没有网络就搭建本地yum仓库或者配置网卡使其能够上网。 ( 1&#xff09;网关服务器…

不同域名的页面进行通信,通过iframe和postMessge进行消息通信

不同域名的页面&#xff0c;通过iframe和postMessge进行消息通信 前言 浏览器不同标签页之间进行消息通信&#xff0c;尤其是当这些标签页位于不同域名时&#xff0c;通常需要使用一些特定的技术或协议来实现。以下是几种可能的方法&#xff1a; WebSocket&#xff1a;WebSo…

源聚达科技:抖音店铺2024年卖什么好

随着时代的变迁和科技的进步&#xff0c;消费者的购物习惯与偏好也在不断演变。展望2024年&#xff0c;抖音作为新兴的电商平台&#xff0c;其店铺销售策略需紧跟潮流&#xff0c;才能在激烈的市场竞争中脱颖而出。那么&#xff0c;哪些产品将成为抖音店铺的新宠呢? 首当其冲&…

STM32CubeMax(使用7步)新建工程

现在有时间学习一下STM32用CubeMX新建一个工程的步骤&#xff0c;特此记录一下&#xff1a; 第一步打开STM32CubeMax 第二步搜索芯片型号&#xff1a; 第三步配置时钟&#xff1a; 第四步点选配置时钟源&#xff1a; 第五步填写工程相关的名称路径信息&#xff1a; 第六步选择…

基于SpringBoot3从零配置SpringDoc

基于SpringBoot3从零配置SpringDoc 一、SpringFox二、SpringDoc三、Open API 规范四、SpringBoot3配置Knife4j1.官方参考文档2.添加依赖3.添加配置项4.设置文档首页5.编写控制器6.文档展示 一、SpringFox github SpringFox 已经停止更新了。SpringFox 对 SpringBoot3.0 不适配…

微信小程序开发之Vant组件库

文章目录 环境Vant介绍示例 微信小程序的npm支持安装npm包构建npm 在微信小程序开发中使用Vant准备安装和配置一&#xff1a;安装二&#xff1a;修改app.json三&#xff1a;修改project.config.json四&#xff1a;构建npm包 使用Button组件Calendar组件 参考 环境 Windows 11 …

【开源】基于JAVA+Vue+SpringBoot的就医保险管理系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 科室档案模块2.2 医生档案模块2.3 预约挂号模块2.4 我的挂号模块 三、系统展示四、核心代码4.1 用户查询全部医生4.2 新增医生4.3 查询科室4.4 新增号源4.5 预约号源 五、免责说明 一、摘要 1.1 项目介绍 基于JAVAVue…

5G网络eMBB、uRLLC、mMTC

ITU&#xff08;国际电信联盟&#xff09;于2015年9月正式定义了5G的三大应用场景&#xff1a;eMBB&#xff08;增强型移动宽带&#xff09;、uRLLC&#xff08;低时延高可靠通信&#xff09;、mMTC&#xff08;海量物联网通信&#xff09;。 eMBB是4G MBB&#xff08;移动宽带…

【武器工具篇】

Web安全 信息收集 【搜索引擎】 必应&#xff1a;必应 360搜索&#xff1a;360搜索&#xff0c;SO靠谱 俄罗斯搜索引擎&#xff1a;https://yandex.com/ 【子域名收集】 Virus Total&#xff1a;VirusTotal OneForAll&#xff1a;GitCode - 开发者的代码家园 FOFA&…

把Llama2封装为API服务并做一个互动网页

最近按照官方例子&#xff0c;把Llama2跑起来了测试通了&#xff0c;但是想封装成api服务&#xff0c;耗费了一些些力气 参考&#xff1a;https://github.com/facebookresearch/llama/pull/147/files 1. 准备的前提如下 按照官方如下命令&#xff0c;可以运行成功 torchrun -…

【QT+QGIS跨平台编译】之四十二:【QWT+Qt跨平台编译】(一套代码、一套框架,跨平台编译)

文章目录 一、QWT介绍二、QWT下载三、文件分析四、pro文件五、编译实践5.1 Windows下编译4.2 Linux下编译5.3 MacOS下编译一、QWT介绍 QWT是一个基于Qt框架的开源C++库,用于创建交互式的图形用户界面。它提供了丰富的绘图和交互功能,可以用于快速开发图形化应用程序。 QWT包…

程序员怎么利用chatgpt提高效率

在当今这个数字化时代&#xff0c;AI 技术以各种形式融入到我们的生活和工作中&#xff0c;对于程序员而言&#xff0c;AI 可以成为他们的得力助手。特别是 OpenAI 的 ChatGPT&#xff0c;其深度学习模型在编程领域具有很大潜力。 首先&#xff0c;我们介绍一下 GitHub Copilo…