HTML文件的基本结构包括头部（head）和主体（body），头部主要包含文档的元数据，如字符集、标题等；主体则包含页面的内容，如文本、图片、链接等。
1、头部（head）：头部是HTML文档的元数据部分，包含了一些描述网页的元信息，如字符集、标题、样式表和脚本等，头部通常位于<html>标签内部，使用<head>标签包裹。
<!DOCTYPE html><html><head> <meta charset="UTF8"> <title>页面标题</title></head>
2、主体（body）：主体是HTML文档的内容部分，包含了网页的所有可见内容，如文本、图片、链接等，主体位于<html>标签内部，使用<body>标签包裹。
<body> <h1>一级标题</h1> <p>这是一个段落。</p> <a href="https://www.example.com">这是一个链接</a></body></html>
3、注释：在HTML中，可以使用<!>来添加注释，注释不会被浏览器解析。
<!这是一个注释 >
4、常用标签：
<h1>至<h6>：表示标题，<h1>最大，<h6>最小。
<p>：表示段落。
<a>：表示链接，需要设置href属性为链接地址。
<img>：表示图片，需要设置src属性为图片地址。
<ul>和<li>：表示无序列表。
<ol>和<li>：表示有序列表。
<table>、<tr>、<td>：表示表格。
5、样式：可以通过内联样式、内部样式表和外部样式表来设置HTML元素的样式。
内联样式：直接在HTML元素上使用style属性设置样式。
内部样式表：在<head>中使用<style>标签包裹样式代码。
外部样式表：在<head>中使用<link>标签引入外部CSS文件。
示例：
<!DOCTYPE html><html><head> <meta charset="UTF8"> <title>页面标题</title> <style> /* 内部样式表 */ body { fontfamily: Arial, sansserif; } h1 { color: red; } </style></head><body> <h1>一级标题</h1> <p style="color: blue;">这是一个段落。</p> <!内联样式 > <a href="https://www.example.com">这是一个链接</a></body></html>
免责声明：本站内容（文字信息+图片素材）来源于互联网公开数据整理或转载，仅用于学习参考，如有侵权问题，请及时联系本站删除，我们将在5个工作日内处理。联系邮箱：chuangshanghai#qq.com（把#换成@）
QQ客服