它是超文本标记语言，由一大堆约定俗成的标签组成，而其标签里一般又有一些属性值可以设置。
W3C标准：网页主要三大部分
- 结构：HTML
- 表现：CSS
- 行为：JavaScript
<meta name="viewport" content="width=device-width, initial-scale=1.0">
（HTML5的例子）
HTML 基本认知：
- 文件以 .htm 或 .html 为扩展名
- 结构标签有：<body></li><li>标签名一般不区分大小写</li><li>标签属性值用 单双引号 皆可</li><li>语法松散</li></ul>
<p></p>
<h2 style="background-color:transparent;"><a name="t0"></a><span style="color:#fe2c24;">1.基础标签</span></h2>
<p><img alt="" height="496" src="https://1000bd.com/contentImg/2024/03/19/071715581.png" ></p>
<p><span style="color:#7b7f82;"> （颜色设置，这个就不赘述了。网上一大堆）</span></p>
<h2 style="background-color:transparent;"><a name="t1"></a><span style="color:#fe2c24;">2.多媒体标签（图片、音频、视频标签）</span></h2>
<p><img alt="" height="941" src="https://1000bd.com/contentImg/2024/03/19/071715743.png" ></p>
<p><img alt="" height="131" src="https://1000bd.com/contentImg/2024/03/19/071715642.png" > </p>
<h2><a name="t2"></a><span style="color:#fe2c24;">3.超链接标签</span></h2>
<p><img alt="" height="419" src="https://1000bd.com/contentImg/2024/03/19/071715622.png" ></p>
<h2 style="background-color:transparent;"><a name="t3"></a><span style="color:#fe2c24;">4.列表标签</span></h2>
<p><img alt="" height="462" src="https://1000bd.com/contentImg/2024/03/19/071715550.png" ></p>
<p></p>
<h2><a name="t4"></a><span style="color:#fe2c24;">5.表格标签</span></h2>
<p><img alt="" height="743" src="https://1000bd.com/contentImg/2024/03/19/071715691.png" ></p>
<p></p>
<h2 style="background-color:transparent;"><a name="t5"></a><span style="color:#fe2c24;">6.布局标签（块标签）</span></h2>
<p><img alt="" height="199" src="https://1000bd.com/contentImg/2024/03/19/071715701.png" ></p>
<p></p>
<h2 style="background-color:transparent;"><a name="t6"></a><span style="color:#fe2c24;">7.表单标签</span></h2>
<p><img alt="" height="952" src="https://1000bd.com/contentImg/2024/03/19/071715913.png" ></p>
<p>表单项数据要想被提交/传输，则必须指定其 name 属性</p>
<p></p>
<div class="table-box"><table border="1" cellpadding="1" cellspacing="1" style="width:500px;"><caption>
method 的 get和post的区别
</caption><thead><tr><th></th><th>get（默认值）</th><th>post</th></tr></thead><tbody><tr><th>参数位置</th><td>请求参数会拼接在 URL 后边</td><td>请求参数会在 http 请求协议的请求体中</td></tr><tr><th>参数长度</th><td>URL 的长度有限制（4KB）</td><td>处于请求体中，长度无限制</td></tr></tbody></table></div>
<p></p>
<h2><a name="t7"></a><span style="color:#fe2c24;">8.表单项</span></h2>
<p><img alt="" height="887" src="https://1000bd.com/contentImg/2024/03/19/071715911.png" ></p>
<p></p>
<p></p>
<p></p>
<h2><a name="t8"></a>H5网址分享（可以查询更多标签及用法！）</h2>
<p><a class="has-card" href="https://www.w3schools.com/html/" rel="nofollow" title="HTML Tutorial"><span class="link-card-box"><span class="link-title">HTML Tutorial</span><span class="link-link"><img class="link-link-icon" src="https://1000bd.com/contentImg/2022/06/15/100806196.png" alt="icon-default.png?t=N7T8">https://www.w3schools.com/html/</span></span></a></p>
<p><a class="has-card" href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics" rel="nofollow" title="HTML 基础 - 学习 Web 开发 | MDN"><span class="link-card-box"><span class="link-title">HTML 基础 - 学习 Web 开发 | MDN</span><span class="link-desc">超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。正如标题所示，本文将对 HTML 及其功能做一个基本介绍。</span><span class="link-link"><img class="link-link-icon" src="https://1000bd.com/contentImg/2022/06/15/100806196.png" alt="icon-default.png?t=N7T8">https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics</span></span></a></p>
<p><a class="has-card" href="https://www.w3school.com.cn/tags/index.asp" rel="nofollow" title="HTML 标签参考手册"><span class="link-card-box"><span class="link-title">HTML 标签参考手册</span><span class="link-link"><img class="link-link-icon" src="https://1000bd.com/contentImg/2022/06/15/100806196.png" alt="icon-default.png?t=N7T8">https://www.w3school.com.cn/tags/index.asp</span></span></a></p>
</div>
</div>
</li>
<li class="list-group-item ul-li">
<b>相关阅读:</b><br>
<nobr>
<a href="/Article/Index/1445300">Go协程，用通道传输数据</a> <br />
<a href="/Article/Index/1194570">超级详细 的 Redis 安装教程</a> <br />
<a href="/Article/Index/765351">聪明人都在这样做，快来看</a> <br />
<a href="/Article/Index/671054">Vue2高级-scoped样式、组件自定义事件</a> <br />
<a href="/Article/Index/1195930">[LeetCode周赛复盘] 第 322 场周赛20221204</a> <br />
<a href="/Article/Index/631042">【WebSocket 第一篇】从一个WebSocket连接说起</a> <br />
<a href="/Article/Index/1228915">数组的存储和压缩</a> <br />
<a href="/Article/Index/723299">使用deepke时，遇到ModuleNotFoundError: No module named ‘google.protobuf‘解决方案</a> <br />
<a href="/Article/Index/1310136">在Spring Boot API Gateway中实现Sticky Session</a> <br />
<a href="/Article/Index/1411746">SLAM从入门到精通（三边测量法详解）</a> <br />
</nobr>
</li>
<li class="list-group-item from-a mb-2">
原文地址：https://blog.csdn.net/2301_76632538/article/details/132868681
</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>
<!-- 主体 -->
<!--body结束-->
<!--这里是footer模板-->
<!--footer-->
<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>
<!--footer-->
<!--footer模板结束-->
<script src="/js/plugins/jquery/jquery.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!--这里是scripts模板-->
<!--scripts模板结束-->
</body>
</html>