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>
本文来源于互联网，如若侵权，请联系管理员删除，本文链接：https://www.9969.net/2827.html
