1. HTML基本结构
HTML是网页的基础语言，HTML文档是由标签（即HTML元素）组成的。HTML标签是一对尖括号中的单词，例如<html>, <head>, <body>等。这些标签告诉浏览器如何显示页面的内容，每个HTML标签可用于定义不同的元素或属性，并决定他们在网页上的显示位置。
HTML文件通常分为两个主要部分：头部（head）和主体（body）。头部包含元数据、外部资源和其他与网页内容无关的信息，而主体则包含所有的可见内容，例如文字、图片和视频。
1.1 HTML文档基本结构
HTML文档的基本结构如下:
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
1. <!DOCTYPE html>定义文档类型为HTML5。
2. <html>元素包含整个页面的内容，此元素是一个容器元素。
3. <head>元素包含所有的头部信息，这些信息不会在页面中显示，包括文档标题、字符集、CSS样式等。
4. <title>元素描述了文档的标题，同时也是搜索引擎优化（SEO）中的重要元素，用于简短而清晰地描述网页内容。
5. <body>元素包含所有的网页可见内容，例如文字、图片、视频等。
1.2 HTML基本标签
以下是HTML中常用的基本标签：
<h1>-<h6>：用于定义标题，h1最大，h6最小。
<p>：用于定义段落。
<a>：用于定义链接。其href属性指向链接的目标网址，如:去百度。
<table>：用于定义表格，并使用<tr>定义行，<td>定义单元格。
1.3 HTML元素的嵌套
HTML元素可以嵌套在其他HTML元素内，下面是一个具有层次结构的HTML的例子：
<html>
<head>
<title>网页标题</title>
</head>
<body>
<h1>网页标题</h1>
<p>
这是一个段落，其中包含<strong>重要信息</strong>。
</p>
</body>
</html>
注意到上述代码中，<h1>和<p>元素都嵌套在<body>元素内，且<strong>标签嵌套在<p>标签内。
2. HTML元素属性
属性是用于设置HTML元素信息的额外信息。属性提供有关HTML元素的更多信息，例如链接的目标网址、图像的大小和样式等。下面是两个HTML元素属性的实例:
<a href="https://www.baidu.com">去百度</a>
<img src="image.jpg" alt="图片">
在上述例子中，<a>元素的href属性指向链接的目标网址，而<img>元素有src和alt属性，用于定义图片的源文件路径和缺失图片时显示的替代文本信息。
2.1 HTML元素属性语法
HTML元素属性通常采用以下语法：
<tagname attribute1="value1" attribute2="value2">
注意到上述代码中，HTML元素可以有一个或多个属性，多个属性之间用空格分隔。
3. 结语
本文介绍了HTML的基本结构和基本标签，以及HTML元素属性。这是编写HTML页面的基础，熟练掌握这些基础知识可以使您更好地编写Web页面。学习HTML其他高级内容，例如HTML5、CSS和JavaScript等，将为您提供更多的创意和具有吸引力的网页设计。