HTML:认识HTML与基本语法的学习

HTML:认识HTML与基本语法的学习

前言

HTML（超文本标记语言）是用于创建网页的标记语言，由一系列标签组成，定义网页中的元素。由蒂姆·伯纳斯 - 李于1990年代初发明，最初用于科研机构间共享文档，迅速演变为Web开发基础。无论是电商、博客、新闻还是社交平台，都由HTML构建。学习HTML对于成为Web开发者或搭建个人网站都至关重要，它能让您更好地掌握Web开发领域，同时能更好地表达创意。掌握HTML是入门Web开发的关键一步，无论专业还是业余都能受益.

作者建议:学习知识在于深度理解，多动手、多动脑，总能更快地领悟。不要仅仅停留在阅读代码的层面，亲自动手敲打一遍，会带来更丰富的收获。通过实践，我们能够更深入地理解知识，掌握技能，并且在解决问题时更加得心应手。相信自己的能力，坚持不懈地实践，你将会取得更大的进步和成就。让学习成为一种习惯，让动手实践成为你提升的捷径，加油！你是最棒的!

目录

前言

HTML概述

HTML编译器的选择

简介

HbuilderX优点

HbuilderX安装

HTML基本语法

声明

Head标签(头标签)

标签

标签属性

常用标签

特殊符号的转义

表格

表单

相关内容:

HTML概述

HTML 指的是超文本标记语言 (HyperText Markup Language)

超文本：指的是网页中可以显示的内容(图片，超链接，视频….)

标记语言：标记——>标签（标注）买东西——> 商品的标签

标记语言中，就是提供了许多的标签，不同的标签有不同的功能,最终运行的时候，由浏览器对标签进行解析，最终呈现出不同标签的样子.

HTML编译器的选择

HbuilderX ------ > 国内做的一款前端编译器

简介

HbuilderX 是由 DCloud 公司开发的一款强大的 Web 开发工具，它融合了多种功能和特性，旨在提高开发效率和降低开发难度。它支持多平台开发（如 iOS 、 Android 、 Windows 等），具备强大的代码编辑、调试、发布和测试能力。下面将介绍 HbuilderX 的几个独特之处，帮助开发者们更好地理解其价值和优势

HbuilderX优点

1.平台支持
HbuilderX 可在 Windows 、 macOS 和 Linux 等操作系统上运行，为开发者提供了更多的选择和灵活性。
2.多语言支持
HbuilderX 支持多种主流的编程语言，包括 HTML 、 CSS 、 JavaScript 、 TypeScript 等，可以满足不同项目的开发需求。
3.快速开发
HbuilderX 提供了丰富的代码辅助功能，如智能代码提示、代码自动补全、代码片段等，可以大大提高开发效率。
4.集成调试工具
HbuilderX 内置了调试工具，可以方便地进行代码调试和错误定位，减少开发过程中的繁琐步骤。
5.插件生态丰富
HbuilderX 支持第三方插件扩展，可以根据需求安装和使用各种插件，扩展功能和增强开发体验。
6.内置 Web 服务器
HbuilderX 集成了内置的 Web 服务器，可以直接在 IDE 中运行和调试应用，简化开发环境的置。

HbuilderX安装

官方安装:安装跳转

首次安装

HTML基本语法

声明

html4的文档声明

http://www.w3.org/TR/html4/loose.dtd">

html5的文档声明

如果不声明解析网页时会产生一些不可预期的行为，所以我们应该避免出现

Head标签(头标签)

头部区域的标签标签为:, <style>, <meta>, <link>, <script></p> <p><title>标签可定义网页的标题</p> <p><meta> 标签可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。</p> <p><meta> 标签位于文档的头部</p> <p><meta charset="utf-8" /></p> <p>标题处添加图标 <link rel="icon" href="ico地址"></p> <p><img alt="" height="175" src="https://1000bd.com/contentImg/2024/09/10/4b5ebd06d208da05.png" ></p> <p><strong> HTML基本语法如下</strong></p> <p><img alt="" height="368" src="https://1000bd.com/contentImg/2024/09/10/773be6685ac18e2a.png" ></p> <h4 id="%C2%A0%E6%A0%87%E7%AD%BE"><a name="t9"></a> 标签</h4> <p>HTML中的标记指的就是标签。</p> <p>HTML使用标记标签来描述网页。</p> <p>结构:标签内容闭合标签(有标签内容) 自闭合标签 (无标签内容).</p> <p><标签名>标签内容</标签名> ------>闭合标签(有标签内容)(<strong><开始标签> 标签体 </结束标签></strong>)</p> <p></标签名> -------->自闭合标签 (无标签内容)</p> <h4 id="%E6%A0%87%E7%AD%BE%E5%B1%9E%E6%80%A7"><a name="t10"></a>标签属性</h4> <p>标签属性：标签可以拥有属性。属性进一步说明了该标签的显示或使用</p> <p>特性:</p> <p>1.属性的格式：属性名 = “属性值“</p> <p>2. 属性的位置： <标签名属性名 = “属性值“ >xxx</标签名></p> <p>3. 添加多个属性： <标签名属性名 = “属性值“ 属性名 = “属性值“ >xxx </标签名></p> <h4 id="%E5%B8%B8%E7%94%A8%E6%A0%87%E7%AD%BE"><a name="t11"></a>常用标签</h4> <p>标题标签 <h1></h1>……..<h6></h6></p> <p>标尺线 <hr/></p> <p>段落标签 <p></p></p> <p>换行标签 <br/></p> <p>列表:</p> <p> 无序列表 <ul> <li></li> </ul> </p> <p> 有序列表 <ol> <li> </li> </ol></p> <p>超链接: <a> </a></p> <p><a href = “网页地址” target = “_blank”> </a></p> <p><strong>target = “_blank” 在新窗口打开网页 target = “_self” 在当前窗口打开网页</strong></p> <p>图像链接 <img/> </p> <p><img alt="" height="163" src="https://1000bd.com/contentImg/2024/09/10/787d0daf41cfa125.png" ></p> <p></p> <h3 id="%E7%89%B9%E6%AE%8A%E7%AC%A6%E5%8F%B7%E7%9A%84%E8%BD%AC%E4%B9%89"><a name="t12"></a>特殊符号的转义</h3> <div class="table-box"><table border="1" cellpadding="1" cellspacing="1"><tbody><tr><td>小于号<</td><td><</td><td>版权(C)</td><td>©</td></tr><tr><td>大于号></td><td>></td><td> 商标(TM)</td><td>&trade</td></tr><tr><td><strong>空格</strong></td><td> </td><td>注册商标(R)</td><td>&9reg</td></tr></tbody></table></div> <h3 id="%E8%A1%A8%E6%A0%BC"><a name="t13"></a>表格</h3> <p>表格的基本构成标签</p> <p>table标签：表格标签 tr标签：表格中的行</p> <p>th标签:表格的表头 td标签：表格单元格</p> <p></p> <pre data-index="0" class="set-code-show" name="code"><code class="hljs language-cobol"><ol class="hljs-ln" style="width:100%"><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="1"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line">表格的基本结构</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="2"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"><span class="hljs-operator"><</span><span class="hljs-keyword">table</span><span class="hljs-operator">></span>定义表格</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="3"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-operator"><</span>tr<span class="hljs-operator">></span>定义表行</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="4"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-operator"><</span>th<span class="hljs-operator">></span>定义表头<span class="hljs-operator"><</span><span class="hljs-operator">/</span>th<span class="hljs-operator">></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="5"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-operator"><</span><span class="hljs-operator">/</span>tr<span class="hljs-operator">></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="6"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-operator"><</span>tr<span class="hljs-operator">></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="7"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-operator"><</span>td<span class="hljs-operator">></span>定义单元格<span class="hljs-operator"><</span><span class="hljs-operator">/</span>td<span class="hljs-operator">></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="8"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-operator"><</span><span class="hljs-operator">/</span>tr<span class="hljs-operator">></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="9"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-operator"><</span><span class="hljs-operator">/</span><span class="hljs-keyword">table</span><span class="hljs-operator">></span></div></div></li></ol></code><div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)"></div></pre> <p>cellspacing cellspacing=“0” 设置单元格与单元格之间的距离</p> <p>cellpadding cellpadding = “0” 设置单元格内容到边框的距离</p> <p>align align = “left/center/right” 水平位置</p> <p>valign valign = “top/middle/bottom” 垂直位置</p> <p>cospan = “4” 跨多列合并 ---->水平合并</p> <p>rowspan = "2" -----> 垂直合并 </p> <h3 id="%E8%A1%A8%E5%8D%95"><a name="t14"></a>表单</h3> <p>就在一个区域,拥有许多个输入和选择组件</p> <p>让用户可以输入选择信息,最终将数据提交给服务器</p> <p>action = "服务器地址" method = "请求方式"</p> <p><img alt="" height="347" src="https://1000bd.com/contentImg/2024/09/10/0787a90f41bca5af.png" ></p> <p> input 单行输入框<br> type = "text"<br> name = "定义名称名字自定义" 向后端提交的键<br> placeholder = "提交信息"<br> readonly = "readonly" 只读不能修改但是可以提交<br> disabled = "disabled" 禁用组件不能修改不能提交<br> type = "radio" 单选框<br> 多个选项的name必须相同才能互斥<br> 选择行组件必须要给默认的value<br> type="checkbox"<br> <select name="province"> 下拉选择框<br> <option value="100">北京</option> 选项<br> <option value="101">陕西</option><br> </select><br /> <br> <textarea name="adress"></textarea><br /> 多行文本框<br> :<input type="file" 文本选择框<br> type="submit" 提交按钮触发表单的提交动作<br> type="reset" 重置按钮<br> type="button" 普通按钮</p> <p></p> <p><img alt="" height="133" src="https://1000bd.com/contentImg/2024/09/10/8ac66a510a5795aa.png" ></p> <p><img alt="" height="211" src="https://1000bd.com/contentImg/2024/09/10/87c7e8265fd21ffe.png" ></p> <p> 实例实现:</p> <pre data-index="1" class="set-code-hide" name="code"><code class="language-html hljs language-xml"><ol class="hljs-ln" style="width:783px"><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="1"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">body</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="2"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">form</span> <span class="hljs-attr">action</span>=<span class="hljs-string">""</span> <span class="hljs-attr">method</span>=<span class="hljs-string">"get"</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="3"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 账号:<span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"account"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">""</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">"请输入账号"</span> /></span><span class="hljs-tag"><<span class="hljs-name">br</span> /></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="4"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 密码:<span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"password"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"password"</span> /></span><span class="hljs-tag"><<span class="hljs-name">br</span> /></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="5"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 性别:<span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"gender"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"男"</span> /></span>男</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="6"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"radio"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"gender"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"女"</span> /></span> 女<span class="hljs-tag"><<span class="hljs-name">br</span> /></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="7"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"course"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"java"</span>/></span> java</div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="8"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"checkbox"</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"course"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"c"</span>/></span>c <span class="hljs-tag"><<span class="hljs-name">br</span> /></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="9"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 籍贯<span class="hljs-tag"><<span class="hljs-name">select</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"province"</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="10"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"100"</span>></span>北京<span class="hljs-tag"></<span class="hljs-name">option</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="11"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">option</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"101"</span>></span>陕西<span class="hljs-tag"></<span class="hljs-name">option</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="12"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">select</span>></span><span class="hljs-tag"><<span class="hljs-name">br</span> /></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="13"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 地址:<span class="hljs-tag"><<span class="hljs-name">textarea</span> <span class="hljs-attr">name</span>=<span class="hljs-string">"adress"</span>></span><span class="hljs-tag"></<span class="hljs-name">textarea</span>></span><span class="hljs-tag"><<span class="hljs-name">br</span> /></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="14"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> 附件:<span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"file"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"保存"</span>/></span><span class="hljs-tag"><<span class="hljs-name">br</span> /></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="15"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"submit"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"保存"</span>/></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="16"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"reset"</span> /></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="17"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">value</span>=<span class="hljs-string">"登录"</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"alert(111)"</span>/></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="18"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">form</span>></span></div></div></li><li><div class="hljs-ln-numbers"><div class="hljs-ln-line hljs-ln-n" data-line-number="19"></div></div><div class="hljs-ln-code"><div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">body</span>></span></div></div></li></ol></code><div class="hljs-button signin active" data-title="登录复制" data-report-click="{"spm":"1001.2101.3001.4334"}" onclick="hljs.signin(event)"></div></pre> <p></p> <p>效果演示:</p> <p> <img alt="" height="324" src="https://1000bd.com/contentImg/2024/09/10/56c834e8ebfd6abb.gif" ></p> <p></p> <h2 id="%E7%9B%B8%E5%85%B3%E5%86%85%E5%AE%B9%3A"><a name="t15"></a><strong>相关内容:</strong></h2> <p>HTML--CSS:<a class="link-info" href="https://blog.csdn.net/Dreamkidya/article/details/139385588?spm=1001.2014.3001.5501" title="跳转学习">跳转学习</a></p> <p>HTML盒子模型:<a class="link-info" href="https://blog.csdn.net/Dreamkidya/article/details/139391051?spm=1001.2014.3001.5501" title="跳转学习">跳转学习</a></p> </div> </div> </li> <li class="list-group-item ul-li"> <b>相关阅读:</b><br> <nobr> <a href="/Article/Index/766057">【kali-漏洞利用】（3.1）Metasploitable 操作系统：安装，使用</a> <br /> <a href="/Article/Index/1138097">sqli-labs/Less-49</a> <br /> <a href="/Article/Index/1341808">[尚硅谷React笔记]——第3章 React应用(基于React脚手架)</a> <br /> <a href="/Article/Index/631682">6款原型产品设计软件</a> <br /> <a href="/Article/Index/1117479">论文阅读笔记 | 三维目标检测——MV3D算法</a> <br /> <a href="/Article/Index/1461718">[ 云计算 | AWS ] AI 编程助手新势力 Amazon CodeWhisperer：优势功能及实用技巧</a> <br /> <a href="/Article/Index/755159">序章调度系统架构设计总述</a> <br /> <a href="/Article/Index/1569597">等保测评有那些流程？为什么要做等保</a> <br /> <a href="/Article/Index/1169774">MATLAB数据导入</a> <br /> <a href="/Article/Index/980478">UDP 客户端接收数据测试用例</a> <br /> </nobr> </li> <li class="list-group-item from-a mb-2"> 原文地址：https://blog.csdn.net/Dreamkidya/article/details/139406517 </li> </ul> </div> <div class="col-lg-4 col-sm-12"> <ul class="list-group" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 最新文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/1484446">攻防演习之三天拿下官网站群</a> <br /> <a href="/Article/Index/1515268">数据安全治理学习——前期安全规划和安全管理体系建设</a> <br /> <a href="/Article/Index/1759065">企业安全 | 企业内一次钓鱼演练准备过程</a> <br /> <a href="/Article/Index/1485036">内网渗透测试 | Kerberos协议及其部分攻击手法</a> <br /> <a href="/Article/Index/1877332">0day的产生 | 不懂代码的"代码审计"</a> <br /> <a href="/Article/Index/1887576">安装scrcpy-client模块av模块异常，环境问题解决方案</a> <br /> <a href="/Article/Index/1887578">leetcode hot100【LeetCode 279. 完全平方数】java实现</a> <br /> <a href="/Article/Index/1887512">OpenWrt下安装Mosquitto</a> <br /> <a href="/Article/Index/1887520">AnatoMask论文汇总</a> <br /> <a href="/Article/Index/1887496">【AI日记】24.11.01 LangChain、openai api和github copilot</a> <br /> </nobr> </li> </ul> <ul class="list-group pt-2" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 热门文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/888177">十款代码表白小特效一个比一个浪漫赶紧收藏起来吧！！！</a> <br /> <a href="/Article/Index/797680">奉劝各位学弟学妹们，该打造你的技术影响力了！</a> <br /> <a href="/Article/Index/888183">五年了，我在 CSDN 的两个一百万。</a> <br /> <a href="/Article/Index/888179">Java俄罗斯方块，老程序员花了一个周末，连接中学年代！</a> <br /> <a href="/Article/Index/797730">面试官都震惊，你这网络基础可以啊！</a> <br /> <a href="/Article/Index/797725">你真的会用百度吗？我不信 — 那些不为人知的搜索引擎语法</a> <br /> <a href="/Article/Index/797702">心情不好的时候，用 Python 画棵樱花树送给自己吧</a> <br /> <a href="/Article/Index/797709">通宵一晚做出来的一款类似CS的第一人称射击游戏Demo！原来做游戏也不是很难，连憨憨学妹都学会了！</a> <br /> <a href="/Article/Index/797716">13 万字 C 语言从入门到精通保姆级教程2021 年版</a> <br /> <a href="/Article/Index/888192">10行代码集2000张美女图，Python爬虫120例，再上征途</a> <br /> </nobr> </li> </ul> </div> </div> </div>     <nav class="navbar navbar-inverse navbar-fixed-bottom"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="text-muted center foot-height"> Copyright © 2022 侵权请联系<a href="mailto:2656653265@qq.com">2656653265@qq.com</a> <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2022015340号-1</a> </div> <div style="width:300px;margin:0 auto; padding:0px 5px;"> <a href="/regex.html">正则表达式工具</a> <a href="/cron.html">cron表达式工具</a> <a href="/pwdcreator.html">密码生成工具</a> </div> <div style="width:300px;margin:0 auto; padding:5px 0;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502049817" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> <img src="" style="float:left;" /><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010502049817号</p></a> </div> </div> </div> </div> </nav>   <script src="/js/plugins/jquery/jquery.js"></script> <script src="/js/bootstrap.min.js"></script>   </body> </html>

前言

HTML概述

HTML编译器的选择

简介

HbuilderX优点

HbuilderX安装

HTML基本语法

声明

Head标签(头标签)