html标签表示！_办公生活

html标签表示！

创始人

2024-05-31 12:51:19

html是什么？

HTML全称为超文本标记语言，是一种标记语言。包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。

2.学习html可以做什么？

html作用是将网页使用代码实现，并且将网页的各个部分添加模块，需要的时候给模块添加颜色和大小等操作。

　　html是一种静态网页，很多网站都是动静结合的，当然html是网页的基础知识，学习前端一定要先学习html，把html基本知识学扎实，然后就可以写出各种静态网页，再去学习动态网页。

html基础内容

标签之间的关系?

标签之间的关系分为两种：

父子关系（嵌套关系）：与等</p><p style="text-indent:1.4em;padding-left:1.4em;">兄弟关系（并列关系）：同级关系 <head> 与<body></p><p style="padding-left:1.4em;">标签分为单标签和双标签</p><p style=""></p><ol start="2"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>标题标签</h5></li></ol><p style="text-indent:1.4em;padding-left:1.4em;">标题标签从h1-h6 逐渐减小</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">标签的特点：</p><p style="text-indent:1.4em;padding-left:2.8em;text-align:left;">文字都有粗体</p><p style="text-indent:1.4em;padding-left:2.8em;text-align:left;">文字独占一行</p><p style="text-indent:1.4em;padding-left:2.8em;text-align:left;">文字都有变大，从h1-h6逐渐减小</p><p style="text-indent:1.4em;padding-left:1.4em;"></p><ol start="3"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>其他标签</h5></li></ol><p style="text-indent:1.4em;padding-left:1.4em;">换行标签：br 解释：单标签让文字或者图片强制换行</p><p style="text-indent:1.4em;padding-left:1.4em;">水平线标签：hr 解释：加上水平线会随着网页的大小随之变化</p><p style=""></p><ol start="4"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>文本标签</h5></li></ol><p style="text-indent:1.4em;">段落标签：p</p><p style="text-indent:1.4em;">文本标签：text</p><p style="">标签格式的介绍：</p><table class="kdocs-table" border="1" cellpadding="1" cellspacing="1" style=""><tbody><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:239px;vertical-align:top;height:51px;"><p style="">标签</p></td><td class="kdocs-tableCell" style="width:195px;vertical-align:top;height:51px;"><p style="">说明</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:239px;vertical-align:top;height:51px;"><p style="">b/strong(强调语义)</p></td><td class="kdocs-tableCell" style="width:195px;vertical-align:top;height:51px;"><p style="">加粗</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:239px;vertical-align:top;height:51px;"><p style="">u/ins</p></td><td class="kdocs-tableCell" style="width:195px;vertical-align:top;height:51px;"><p style="">下划线</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:239px;vertical-align:top;height:51px;"><p style="">i/em</p></td><td class="kdocs-tableCell" style="width:195px;vertical-align:top;height:51px;"><p style="">倾斜</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:239px;vertical-align:top;height:51px;"><p style="">s/del</p></td><td class="kdocs-tableCell" style="width:195px;vertical-align:top;height:51px;"><p style="">删除线</p></td></tr></tbody></table><p style=""></p><p style=""></p><ol start="5"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>图片标签</h5></li></ol><p style="text-indent:1.4em;">使用场景：在网页中显示图片单标签</p><p style="text-indent:1.4em;">代码：<img src=" 图片的路径 " alt=" "> </p><p style="text-indent:1.4em;padding-left:1.4em;">src=“ ”标签属性属性名=“属性值”</p><p style="text-indent:1.4em;padding-left:1.4em;">alt替换文本</p><p style="text-indent:1.4em;padding-left:2.8em;">当图片没有显示出来就，才会加载的alt文本</p><p style="text-indent:1.4em;padding-left:2.8em;">当图片加载处理啊，不会显示，会自动被图片遮盖</p><p style="padding-left:2.8em;">title 提示文本</p><p style="padding-left:2.8em;">当鼠标悬停的时候，才会显示文本；title不仅可以在图片中使用，也可以在其他标签中使用</p><p style="padding-left:2.8em;">width和height属性</p><p style="padding-left:2.8em;"> 图片的宽高</p><p style="padding-left:2.8em;"> 如果知识设置了其中一个属性另一个属性会自动等比例缩放（图片不会）</p><p style="padding-left:2.8em;"> 如果同时设置了两个属性，若设置不当会造成图片变形</p><p style="text-indent:1.4em;">属性注意点：</p><ol start="1"><li style="margin-left:4.2em;text-indent:0;list-style-type:Lower-roman;"><p>标签属性写在开始标签中</p></li></ol><ol start="2"><li style="margin-left:4.2em;text-indent:0;list-style-type:Lower-roman;"><p>标签上可以同时存在多个属性</p></li></ol><ol start="3"><li style="margin-left:4.2em;text-indent:0;list-style-type:Lower-roman;"><p>属性之间空格隔开</p></li></ol><ol start="4"><li style="margin-left:4.2em;text-indent:0;list-style-type:Lower-roman;"><p>标签与属性之间必须使用空格隔开</p></li></ol><ol start="5"><li style="margin-left:4.2em;text-indent:0;list-style-type:Lower-roman;"><p>属性之间没有顺序</p></li></ol><h5 style=""></h5><ol start="6"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>音频视频标签</h5></li></ol><p style="text-indent:1.4em;">场景：在页面中插入音频或者视频</p><p style="">音频标签</p><p style="text-indent:1.4em;">代码：<audio src="/音频的路径" controls></audio></p><p style="text-indent:1.4em;">常见的属性：</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">src 音频的路径</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">controls 显示播放的控件</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">autoplay 自动播放（部分浏览器不支持）</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">loop 循环播放</p><p style="padding-left:1.4em;">音频只支持：map3，wav，ogg格式</p><p style=""></p><p style="">视频标签</p><p style="">代码：<audio src="/音频的路径" controls></audio></p><p style="text-indent:1.4em;text-align:left;">常见的属性：</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">src 音频的路径</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">controls 显示播放的控件</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">autoplay 自动播放（谷歌浏览器需要配合muted实现静音效果）</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:left;">loop 循环播放</p><p style="text-indent:1.4em;padding-left:1.4em;">视频支持：MP4，webm，ogg格式</p><ol start="7"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>路径</h5></li></ol><p style="text-indent:1.4em;">绝对路径：目录下的绝对路径位置，可以直接达到目标位置，通常从盘符开始的路径</p><p style="text-indent:1.4em;">相对路径：从当前文件开始寻找目标文件的过程</p><p style="text-indent:1.4em;padding-left:2.8em;">相对路径的分类：</p><ul><li style="margin-left:5.6em;list-style-type:disc;text-indent:0;"><p> 同级目录 </p></li></ul><ul><li style="margin-left:5.6em;list-style-type:disc;text-indent:0;"><p> 下级目录</p></li></ul><ul><li style="margin-left:5.6em;list-style-type:disc;text-indent:0;"><p> 上级目录</p></li></ul><p style="text-align:null;"> ./”：表示当前的文件所在的目录。</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:null;">“../”：表示当前的文件所在的上一层的目录。</p><p style="text-indent:1.4em;padding-left:1.4em;text-align:null;">“/”：表示当前的文件所在的根目录。</p><p style="padding-left:1.4em;">方法一：<img src="目标图片.gif></p><p style="padding-left:1.4em;">方法二：<img src="./目标图片.gif></p><p style="">图片的格式：常用的是.jpg或.jpeg gif是动图的格式</p><p style=""></p><ol start="8"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>链接标签</h5></li></ol><p style="text-indent:1.4em;">场景：点击事件后跳转到另一个页面</p><p style="text-indent:1.4em;">a标签，超链接</p><p style="text-indent:1.4em;">代码：<a href="./跳转的页面.html">文本描述</a></p><p style="text-indent:1.4em;">双标签，内部可以包裹使用，点击跳转指定的页面，需要设置a标签的href属性</p><p style="text-indent:1.4em;">target属性名：属性值（目标网页的打开形式）</p><p style="text-indent:1.4em;">属性值：</p><p style="text-indent:1.4em;">_self：默认值，在当前窗口中跳转（覆盖当前页面）</p><p style=""> _blank：在新窗口中跳转（保留原来的页面）</p><p style="">例句：<a href="https://www.baidu.com/" target="_blank">百度</a></p><p style="text-indent:1.4em;"></p><p style=""></p><ol start="9"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>列表标签</h5></li></ol><p style=""> 种类：无序列表，有序列表，自定义列表</p><p style="">特点：按照行的方式，整齐显示内容</p><p style=""> 无序列表：</p><p style="text-indent:1.4em;">场景：在网页中表示一组无顺序之分的列表，如：新闻列表</p><p style="text-indent:1.4em;">标签组成：</p><table class="kdocs-table" border="1" cellpadding="1" cellspacing="1" style=""><tbody><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="text-align:left;">标签名</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="text-align:left;">说明</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">ul</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="">表示无序列表的整体，用于包裹li标签</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">li</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="">表示无序列表的每一项，包含每一行的内容</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">显示特点</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="">列表的每一项前默认显示的圆点标识</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">特点</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="">ul标签中只允许包括li标签</p><p style="">li标签可以包含任意标签</p></td></tr></tbody></table><p style="text-indent:1.4em;">有序列表：</p><p style="text-indent:1.4em;">在网页中表示一组由顺序之分的列表</p><p style="text-indent:1.4em;">标签组成：</p><table class="kdocs-table" border="1" cellpadding="1" cellspacing="1" style=""><tbody><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="text-align:left;">标签名</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="text-align:left;">说明</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="text-align:left;">ol</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="text-align:left;">表示有序列表的整体，用于包裹li标签</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="text-align:left;">li</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="text-align:left;">表示有序列表的每一项，包含每一行的内容</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="text-align:left;">显示特点</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="">列表中的每一项前默认显示序号标识</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="text-align:left;">特点</p></td><td class="kdocs-tableCell" style="width:381px;vertical-align:top;height:51px;"><p style="text-align:left;">ol标签中只允许包括li标签</p><p style="text-align:left;">li标签可以包含任意标签</p></td></tr></tbody></table><p style="">自定义标签</p><p style="">场景：在网页的底部导航中通常会使用自定义列表实现</p><p style="">标签组成：</p><table class="kdocs-table" border="1" cellpadding="1" cellspacing="1" style=""><tbody><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">标签名</p></td><td class="kdocs-tableCell" style="width:378px;vertical-align:top;height:51px;"><p style="">说明</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">dl</p></td><td class="kdocs-tableCell" style="width:378px;vertical-align:top;height:51px;"><p style="">表示自定义列表的整体，用于包裹dt/dd标签</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">dt</p></td><td class="kdocs-tableCell" style="width:378px;vertical-align:top;height:51px;"><p style="">表示自定义列表的主题</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">dd</p></td><td class="kdocs-tableCell" style="width:378px;vertical-align:top;height:51px;"><p style="">表示自定义的针对主题的每一项内容</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">特点</p></td><td class="kdocs-tableCell" style="width:378px;vertical-align:top;height:51px;"><p style="">dd前会默认显示缩进效果</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">注意</p></td><td class="kdocs-tableCell" style="width:378px;vertical-align:top;height:51px;"><p style="">dl标签中只允许包括dt/dd标签</p><p style="">dt/dd标签可以包含任意内容</p></td></tr></tbody></table><ol start="10"><li style="margin-left:1.4em;list-style-type:decimal;text-indent:0;"><h5>表格标签</h5></li></ol><p style="text-indent:1.4em;">表格标题和表头单元格标签</p><p style="text-indent:1.4em;">场景：在表格中表示整体大标题和一列小标题</p><p style="text-indent:1.4em;">其他标签：</p><table class="kdocs-table" border="1" cellpadding="1" cellspacing="1" style=""><tbody><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">标签名</p></td><td class="kdocs-tableCell" style="width:150px;vertical-align:top;height:51px;"><p style="">名称</p></td><td class="kdocs-tableCell" style="width:291px;vertical-align:top;height:51px;"><p style="">说明</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">caption</p></td><td class="kdocs-tableCell" style="width:150px;vertical-align:top;height:51px;"><p style="">表格大标题</p></td><td class="kdocs-tableCell" style="width:291px;vertical-align:top;height:51px;"><p style="">表示表格整体大标题，默认在表格整体顶部居中位置显示</p></td></tr><tr class="kdocs-tableRow"><td class="kdocs-tableCell" style="width:100px;vertical-align:top;height:51px;"><p style="">th</p></td><td class="kdocs-tableCell" style="width:150px;vertical-align:top;height:51px;"><p style="">表格单元格</p></td><td class="kdocs-tableCell" style="width:291px;vertical-align:top;height:51px;"><p style="">表示一列小标题，通常用于表格第一行，默认文字加粗并居中显示</p></td></tr></tbody></table><p style="">caption标签写在table标签内部</p><p style="">th标签书写tr标签内部（用于替换td标签）</p>  </div>  <div class="mt-5">  <a href="/index.php?s=news&c=search&keyword=%E8%AF%8D%E5%BA%93%E5%8A%A0%E8%BD%BD%E9%94%99%E8%AF%AF%3A%E6%9C%AA%E8%83%BD%E6%89%BE%E5%88%B0%E6%96%87%E4%BB%B6%E2%80%9CE%3A%5Chighferrum_mysql%5CConfiguration%5CDict_Stopwords.txt%E2%80%9D%E3%80%82" class="badge badge-light-primary fw-bold my-2" target="_blank">词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。</a> </div> <div class="mt-5"> <p class="fc-show-prev-next"> <strong>上一篇：</strong><a href="/life/3465938.html">JS 截取数组操作</a><br> </p> <p class="fc-show-prev-next"> <strong>下一篇：</strong><a href="/life/3465948.html">深度学习应用技巧4-模型融合：投票法、加权平均法、集成模型法</a> </p> </div>  <div class="d-flex flex-stack mb-2 mt-10">  <h3 class="text-dark fs-5 fw-bold text-gray-800">相关内容</h3>  </div> <div class="separator separator-dashed mb-9"></div>  <div class="row g-10"> </div> </div>  </div>   <div class="col-xl-4 mt-0">  <div class="card card-flush h-md-100">  <div class="card-header pt-5 ">  <h3 class="card-title align-items-start flex-column">  <div class="d-flex align-items-center mb-2">  <span class="fs-5 fw-bold text-gray-800 ">热门资讯</span>  </div>  </h3>  </div>   <div class="card-body pt-3">  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/b04fefed77ad422aa38dc6e704dd1823?from=pc')"></div> </div>   <div class="m-0"> <a href="/changshi/4309759.html" class="text-dark fw-bold text-hover-primary fs-6">我喜欢你韩语怎么说 sikid...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7"></span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p1-tt.byteimg.com/origin/pgc-image/8f50304f5bc04b2aa216387809669921?from=pc')"></div> </div>   <div class="m-0"> <a href="/changshi/4309758.html" class="text-dark fw-bold text-hover-primary fs-6">苗族的传统节日贵州苗族节日有...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/tos-cn-i-qvj2lq49k0/002f770423f6444da282785960702fa7?from=pc')"></div> </div>   <div class="m-0"> <a href="/changshi/4309757.html" class="text-dark fw-bold text-hover-primary fs-6">北京的名胜古迹北京最著名的景...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p26.toutiaoimg.com/origin/pgc-image/e2ed2b3a08484bf1be3e029f3cd7d763?from=pc')"></div> </div>   <div class="m-0"> <a href="/changshi/4309756.html" class="text-dark fw-bold text-hover-primary fs-6">应用未安装解决办法平板应用未...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">---IT小技术，每天Get一个小技能！一、前言描述苹果IPad2居然不能安装怎么办？与此IPad不...</span> </div>  </div>  <div class="d-flex flex-stack mb-7">  <div class="symbol symbol-60px symbol-2by3 me-4"> <div class="symbol-label" style="background-image: url('https://p3.toutiaoimg.com/origin/pgc-image/5d7b1f820a4b403aa136bac748c8be9f?from=pc')"></div> </div>   <div class="m-0"> <a href="/changshi/4309755.html" class="text-dark fw-bold text-hover-primary fs-6">长白山自助游攻略吉林长白山游...</a> <span class="text-gray-600 fw-semibold d-block pt-1 fs-7">昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...</span> </div>  </div> </div>  </div>  </div>  </div> </div>  </div>  </div>   <div id="kt_app_footer" class="app-footer">  <div class="app-container container-xxl d-flex flex-column flex-md-row flex-center flex-md-stack py-3">  <div class="text-dark order-2 order-md-1"> <span class="text-muted fw-semibold me-1">2025 ©</span> 办公百科网<a href="http://www.zzldhg.com/">零点化工网</a><a href="http://www.hcygmm.com/">汇川网</a><a href="http://learn.office369.com">学习</a><a href="http://www.zzdfzj.cn/">东方游戏</a><a href="http://share.office369.com">办公分享</a><div style="display:none"><a href="http://www.80hlw.com">八零互联网</a> <a href="http://ask.kcwzh.com">开创问答网</a> <a href="http://www.office369.com">办公应用网</a><a href="https://www.mingxing100.com">明星一百</a><a href="http://tousu.huashangw.com">商务投诉网</a></div><a href="https://www.bitekongjian.com/">比特空间</a><a href="http://lishi.fadeduo.com/">历史</a><a href="http://tiyu.fadeduo.com/">体育</a><a href="http://tansuo.caiding5.cn/">财丁</a><a href="http://che.yuansudz.com/">元素汽车</a><a href="http://cn.yuansudz.com/">元素科技</a><a href="http://www.kthtea.cn/">太和茶叶网</a><a href="http://cn.yexian114.com/">野仙生活网</a> <a href="http://cn.gangyiku.com/">港易生活网</a><a href="http://www.bgjj.cc/">布谷家居网</a><a href="http://health.office369.com/">办公家居网</a><a href="http://travel.office369.com">办公旅游网</a><a href="http://ask.bgjj.cc/">家居问答网</a><a href="https://tuku.caiding5.net/">彩盯图库网</a><a href="https://www.picsok.com/">PICSOK</a><a href="http://xiaofei.caiding5.cn/">才丁消费网</a> </div>   <ul class="menu menu-gray-600 menu-hover-primary fw-semibold order-1"> <li class="menu-item"> <a href="/changshi/" target="_blank" class="menu-link px-2">办公常识</a> </li> <li class="menu-item"> <a href="/baike/" target="_blank" class="menu-link px-2">办公百科</a> </li> <li class="menu-item"> <a href="/life/" target="_blank" class="menu-link px-2">办公生活</a> </li> </ul>  </div>  </div>  </div>  </div>  </div>  </div>  <div id="kt_scrolltop" class="scrolltop" data-kt-scrolltop="true">  <span class="svg-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect opacity="0.5" x="13" y="6" width="13" height="2" rx="1" transform="rotate(90 13 6)" fill="currentColor"></rect> <path d="M12.5657 8.56569L16.75 12.75C17.1642 13.1642 17.8358 13.1642 18.25 12.75C18.6642 12.3358 18.6642 11.6642 18.25 11.25L12.7071 5.70711C12.3166 5.31658 11.6834 5.31658 11.2929 5.70711L5.75 11.25C5.33579 11.6642 5.33579 12.3358 5.75 12.75C6.16421 13.1642 6.83579 13.1642 7.25 12.75L11.4343 8.56569C11.7467 8.25327 12.2533 8.25327 12.5657 8.56569Z" fill="currentColor"></path> </svg> </span>  </div>  <script>var hostUrl = "/static/default/pc/";</script>  <script src="/static/default/pc/plugins/global/plugins.bundle.js"></script> <script src="/static/default/pc/js/scripts.bundle.js"></script>   </body>  </html>

html标签表示！

html是什么？

2.学习html可以做什么？

html基础内容

标签之间的关系?