HTML（Hypertext Markup Language）是一种标记语言，用于创建网页。它使用标签来描述网页上的内容和结构，可以包含文本、图像、链接、表格等元素。HTML是网页设计的基础，掌握HTML的基本知识是建立网站的第一步。
HTML文档的结构
HTML文档由标签、属性和内容组成。标签用于描述文档的结构，属性用于描述标签的特性，而内容则是标签包含的内容。
HTML文档的基本结构如下：
```
网页标题 网页内容
```
其中，``是文档类型声明，告诉浏览器文档使用的HTML版本。``标签是文档的根元素，包含整个文档。`
`标签包含文档的元数据，如标题、样式表和脚本等。`
`标签用于指定文档的标题，在浏览器的标签页上显示。`<body>`标签包含文档的主要内容。</p><p>HTML标签和属性</p><p>HTML中有许多标签和属性，可以用于创建各种元素和结构。下面是一些常用的标签和属性：</p><p>1. 标题标签</p><p>HTML中有六个级别的标题标签，从`<h1>`到`<h6>`，分别用于表示不同级别的标题。例如：</p><p>```</p><p><h1>这是一级标题</h1></p><p><h2>这是二级标题</h2></p><p>```</p><p>2. 段落标签</p><p>段落标签`<p>`用于表示一个段落，例如：</p><p>```</p><p><p>这是一个段落。</p></p><p><p>这是另一个段落。</p></p><p>```</p><p>3. 图像标签</p><p>图像标签`<img>`用于在网页中插入图像，例如：</p><p>```</p><p><img src="图片地址" alt="图像描述"></p><p>```</p><p>其中，`src`属性指定图像的URL，`alt`属性指定图像的描述文字，用于在图像无法显示时提供替代内容。</p><p>4. 链接标签</p><p>链接标签`<a>`用于创建链接，例如：</p><p>```</p><p><a href="链接地址">链接文本</a></p><p>```</p><p>其中，`href`属性指定链接的URL，链接文本是用户点击时显示的文本。</p><p>5. 列表标签</p><p>HTML中有两种类型的列表：有序列表和无序列表。有序列表使用`<ol>`标签，无序列表使用`<ul>`标签，列表项使用`<li>`标签。例如：</p><p>```</p><p><ol></p><p> <li>第一项</li></p><p> <li>第二项</li></p><p></ol></p><p><ul></p><p> <li>第一项</li></p><p> <li>第二项</li></p><p></ul></p><p>```</p><p>6. 表格标签</p><p>表格标签`<table>`用于创建表格，表格行使用`<tr>`标签，表格头使用`<th>`标签，表格单元格使用`<td>`标签。例如：</p><p>```</p><p><table></p><p> <tr></p><p> <th>姓名</th></p><p> <th>年龄</th></p><p> </tr></p><p> <tr></p><p> <td>张三</td></p><p> <td>20</td></p><p> </tr></p><p> <tr></p><p> <td>李四</td></p><p> <td>25</td></p><p> </tr></p><p></table></p><p>```</p><p>7. 表单标签</p><p>表单标签`<form>`用于创建表单，表单元素使用各种输入标签，如文本框、单选框、复选框、下拉框等。例如：</p><p>```</p><p><form action="提交地址" method="post"></p><p> <label for="username">用户名：</label></p><p> <input type="text" id="username" name="username"></p><p> <label for="password">密码：</label></p><p> <input type="password" id="password" name="password"></p><p> <input type="submit" value="提交"></p><p></form></p><p>```</p><p>其中，`action`属性指定表单提交的URL，`method`属性指定提交方式（get或post），`for`属性指定标签的关联文本，`name`属性指定表单元素的名称。</p><p>HTML样式</p><p>HTML可以使用内联样式、内部样式和外部样式表来设置样式。</p><p>1. 内联样式</p><p>内联样式使用`style`属性设置，例如：</p><p>```</p><p><p style="color:red;">这是红色文本。</p></p><p>```</p><p>2. 内部样式</p><p>内部样式使用`<style>`标签设置，例如：</p><p>```</p><p><head></p><p> <style></p><p> p {</p><p> color: red;</p><p> }</p><p> </style></p><p></head></p><p><body></p><p> <p>这是红色文本。</p></p><p></body></p><p>```</p><p>3. 外部样式表</p><p>外部样式表使用`<link>`标签引入，例如：</p><p>```</p><p><head></p><p> <link rel="stylesheet" href="样式表地址"></p><p></head></p><p><body></p><p> <p>这是样式表设置的文本。</p></p><p></body></p><p>```</p><p>其中，`href`属性指定样式表的URL。</p><p>总结</p><p>HTML是网页设计的基础，掌握HTML的基本知识对于建立网站至关重要。HTML文档由标签、属性和内容组成，常用的标签包括标题标签、段落标签、图像标签、链接标签、列表标签、表格标签和表单标签。HTML可以使用内联样式、内部样式和外部样式表来设置样式。</p>
</div>
</div>
</div>
<div class="layui-footer footer footer-index">
<div class="layui-main">
<p><a href="/fengzhuang-13.html">在线APP封装</a><span style="color:#ddd"> | </span><a href="/fengzhuang-41.html">H5 封装app</a><span style="color:#ddd"> | </span><a href="/fengzhuang-231.html">vue开发移动端app</a><span style="color:#ddd"> | </span><a href="/fengzhuang-282.html">基于vue的移动开发app</a><span style="color:#ddd"> | </span><a href="/fengzhuang-743.html">vue app混合开发</a><span style="color:#ddd"> | </span><a href="/fengzhuang-761.html">自制头像app</a><span style="color:#ddd"> | </span><a href="/fengzhuang-1123.html">自己搭建app</a><span style="color:#ddd"> | </span><a href="/fengzhuang-1492.html">开发软件账号</a><span style="color:#ddd"> | </span><a href="/fengzhuang-1536.html">html5app框架开发期末作业</a><span style="color:#ddd"> | </span><a href="/fengzhuang-2745.html">html代码转app</a><span style="color:#ddd"> | </span><a href="/fengzhuang-2904.html">h5 离线app</a><span style="color:#ddd"> | </span><a href="/fengzhuang-2974.html">vue前端开发截图功能</a><span style="color:#ddd"> | </span><a href="/fengzhuang-3010.html">app开发网页</a><span style="color:#ddd"> | </span><a href="/fengzhuang-3681.html">网页生成apk</a><span style="color:#ddd"> | </span><a href="/fengzhuang-4021.html">前端怎么自己做个app</a></p> <p>
友情链接：<a href="https://www.applebyme.cn" target="friend">苹果上架</a> <span style="color:#ddd">|</span> <a href="https://www.anzhuoe.cn" target="friend">安卓上架</a> <span style="color:#ddd">|</span> <a href="http://bbs.yimenapp.com" target="friend">一门开发者社区</a> <span style="color:#ddd">|</span> <a href="https://www.yimenapp.com" target="friend">一门APP</a> <span style="color:#ddd">|</span> <a href="https://www.yimenapp.net" target="friend">app打包</a> <span style="color:#ddd">|</span> <a href="https://www.yimenapp.cn" target="friend">封装app</a> <span style="color:#ddd">|</span> <a href="https://exe.yimenapp.com" target="friend">exe打包</a> <span style="color:#ddd">|</span> <a href="https://www.yimenssl.cn" target="friend">ssl证书</a> <span style="color:#ddd">|</span> <a href="https://www.appbyme.cn" target="friend">自建app</a> </p>
<p>2016-2024 © 成都七扇门科技有限公司 <a href="/">www.yimenapp.cn</a> <a href="https://beian.miit.gov.cn" target="_blank">蜀ICP备17005078号</a></p>
<p>
<a href="https://www.yimenapp.cn/info/qi-ye-wen-hua-701.html" target="info">企业文化</a><a href="https://www.yimenapp.cn/info/qi-ye-li-cheng-702.html" target="info">企业历程</a><a href="https://www.yimenapp.cn/info/lian-ji-wo-men-703.html" target="info">联系我们</a><a href="https://www.yimenapp.cn/info/yong-hu-xie-yi-704.html" target="info">用户协议</a> </p>
</div>
</div>
<div class="site-tree-mobile layui-hide">
<i class="layui-icon"></i>
</div>
<div class="site-mobile-shade"></div>
<script src="/assets/layui/layui.js" charset="utf-8"></script>
<script>
layui.config({
base: '/assets/layui/lay/modules/'
, version: '110'
}).use("element");
if (location.pathname && location.pathname.indexOf("/info/") != 0) {
layui.use("code");
}
window.global = {
preview: function () {
var preview = document.getElementById('LAY_preview');
return preview ? preview.innerHTML : '';
}()
};
/*推广联盟*/
(function () {
var m = /un=(\d+)/.exec(location.href.toLowerCase());
if (!m) return;
var d = new Date();
d.setTime(d.getTime() + 12 * 3600 * 1000);
document.cookie = "un=" + m[1] + ";path=/;expires=" + d.toGMTString();
})();
</script>
<link rel=stylesheet href=https://cdn.staticfile.net/highlight.js/11.9.0/styles/vs2015.min.css />
<script src=https://cdn.staticfile.net/highlight.js/11.9.0/highlight.min.js></script>
<script>hljs.highlightAll()</script>
<!-- WPA start -->
<script id="qd2852153749712b2d3cc16651c050fa3081fba21c66" src="https://wp.qiye.qq.com/qidian/2852153749/712b2d3cc16651c050fa3081fba21c66" charset="utf-8" async defer></script>
<!-- WPA end -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?a329e18a856a045eca3ffcfe3899ab7a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>