1. HTML基础结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First Web Page</title>
</head>
<body>
<!-- 页面内容在这里 -->
</body>
</html>
- <!DOCTYPE html>：声明文档类型和版本。
- <html>：HTML文档的根元素。
- <head>：包含元数据，如字符集、视口设置和页面标题。
- <meta>：定义元数据，如字符集和视口。
- <title>：设置页面标题，显示在浏览器标签页上。
- <body>：包含网页的实际内容。
2. HTML元素
HTML文档由各种元素组成，每个元素都有一个标签，通常是成对出现的，分为开始标签和结束标签。标签之间包含内容。
<p>This is a paragraph.</p>
<a href="https://www.example.com">Visit our website</a>
<h1>This is a heading</h1>
- <p>：定义段落。
- <a>：定义超链接。
- <h1>：定义标题，从<h1>到<h6>表示不同级别的标题。
3. HTML属性
HTML元素可以包含属性，属性提供有关元素的额外信息。
<a href="https://www.example.com" target="_blank">Visit our website</a>
<img src="image.jpg" alt="An example image">
- href：超链接的目标URL。
- target="_blank"：在新窗口或标签中打开链接。
- src：图像的源文件路径。
- alt：图像的替代文本。
4. HTML列表
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
- <ul>：无序列表。
- <ol>：有序列表。
- <li>：列表项。
5. HTML表格
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>
- <table>：定义表格。
- <tr>：定义表格行。
- <th>：定义表头单元格。
- <td>：定义数据单元格。
6. HTML表单
<form action="/submit" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<input type="submit" value="Submit">
</form>
- <form>：定义表单。
- action：表单数据提交的目标URL。
- method：HTTP请求方法（通常是"get"或"post"）。
- <label>：定义表单元素的标签。
- <input>：定义输入字段。
7. HTML注释
<!-- This is a comment -->
HTML注释用于添加注释，不会在浏览器中显示。
这是一个简单的HTML入门教程。深入学习HTML，你可以了解更多关于样式（CSS）和交互（JavaScript）的内容，以创建更丰富和交互性的网页。
转载请注明出处：http://www.zyzy.cn/article/detail/3104/HTML