HTML的基础知识

HTML（超文本标记语言）是一种用于创建网页的标记语言。它提供了一套标记（标签）和元素（元素）的规范，用于描述网页结构和内容的呈现方式。HTML 文件是由一系列的标签组成，这些标签用于定义网页的各个部分，如标题、段落、链接、图像等。

1. HTML 是什么？

   • HTML 是超文本标记语言（Hypertext Markup Language）的缩写，它用于创建网页的结构和内容。
   • HTML 使用标记（markup）来定义网页中的元素和它们的组织方式。

2. HTML 标签和元素：

   • HTML 使用标签来表示不同类型的元素，例如标题、段落、链接等。标签由尖括号包围，通常成对出现，有起始标签和结束标签。
   • 示例：<p>这是一个段落。</p>，其中 <p> 是段落的起始标签，</p> 是段落的结束标签。
   • 某些元素不需要结束标签，称为自闭合标签。例如：<img src="image.jpg" alt="图片"> 是一个自闭合的图像标签。

3. HTML 元素的属性：

   • HTML 元素可以具有属性，用于提供关于元素的额外信息或配置。属性包含在标签的开始标签中，并采用键-值对的形式。
   • 示例：<a href="https://www.example.com">点击这里</a>，其中 href 是 <a> 标签的属性，指定链接的目标网址。

4. HTML 文档结构：

   • HTML 文档由 <html> 元素作为根元素开始，并包含 <head> 和 <body> 元素。
   • <head> 元素包含页面的元数据和引用的外部资源，例如标题、样式表和脚本。
   • <body> 元素包含网页的可见内容，如文本、图片、链接等。

5. 常见的 HTML 元素：

   • 标题元素：<h1> 到 <h6> 用于定义各级标题。
   • 段落元素：<p> 用于定义段落。
   • 链接元素：<a> 用于创建链接到其他页面或资源的超链接。
   • 图像元素：<img> 用于插入图像到网页中。
   • 列表元素：<ul>、<ol> 和 <li> 用于创建无序列表和有序列表。
   • 表格元素：<table>、<tr>、<th> 和 <td> 用于创建表格。

6. HTML 注释：

   • 注释用于在 HTML 代码中添加注解，不会在浏览器中显示。
   • 注释以 <!-- 开始，以 --> 结束。
   • 示例：<!-- 这是一个注释 -->

简单演示：

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
  
    <p>这是一个段落。</p>
  
    <a href="https://www.example.com">这是一个链接</a>
  
    <img src="image.jpg" alt="图片" width="300" height="200">
</body>
</html>