1. HTML文档结构
一个基本的HTML文档包含以下结构:
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<!-- 页面内容在这里 -->
</body>
</html>
- <!DOCTYPE html>:声明文档类型和版本。
- <html>:HTML文档的根元素。
- <head>:包含元数据,如字符集和页面标题。
- <title>:设置页面标题,显示在浏览器标签上。
- <body>:包含实际的页面内容。
2. HTML元素和标签
HTML文档由各种元素组成,每个元素都由一个标签(tag)定义。标签通常成对出现,包括开始标签和结束标签。元素的内容位于这两个标签之间。
<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> 到 <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列表
HTML支持有序(<ol>)和无序(<ul>)列表,以及列表项(<li>)。
<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>
5. HTML表格
HTML表格由<table>定义,包括行(<tr>)、表头单元格(<th>)和数据单元格(<td>)。
<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>
这是HTML的一些基础概念。深入学习HTML,你可以了解更多元素、样式和交互性的内容,以构建更丰富和复杂的网页。
转载请注明出处:http://www.zyzy.cn/article/detail/3108/HTML