HTML代码基础使用

HTML（HyperText Markup Language）是构建网页的基础语言，它通过标签（Tags）来定义网页的内容和结构。在HTML中，不同的标签具有不同的作用，它们共同协作，创建出丰富多彩的网页内容。接下来，我们将介绍HTML中一些常用元素的写法和作用。

一、超链接（Hyperlinks）

超链接是HTML中最常用的元素之一，它允许用户点击后跳转到其他网页或页面上的特定位置。超链接通常使用<a>标签创建，并通过href属性指定目标网页的URL。

<a href="https://www.example.com">这是一个超链接</a>

在上面的示例中，用户点击“这是一个超链接”文本后，浏览器将打开https://www.example.com这个网页。

二、图片（Images）

在网页中添加图片可以使用<img>标签。<img>标签的src属性用于指定图片的URL，alt属性用于提供图片的描述性文本，以便在图片无法显示时提供替代信息。

<img src="example.jpg" alt="示例图片">

在上面的示例中，<img>标签将在网页中显示名为example.jpg的图片。如果图片无法显示，浏览器将显示alt属性中的替代文本“示例图片”。

三、标题（Headings）

HTML提供了六个不同级别的标题标签，从<h1>到<h6>。这些标签用于定义文档的标题和子标题，帮助用户快速浏览和理解网页内容。<h1>标签通常用于定义页面的主标题，<h2>至<h6>则用于定义不同级别的子标题。

<h1>主标题</h1>  
<h2>二级标题</h2>  
<h3>三级标题</h3>  
<!-- 以此类推，到 <h6> -->

四、段落（Paragraphs）

在HTML中，<p>标签用于定义段落。浏览器会自动在段落前后添加空行，以区分不同的段落。

<p>这是一个段落。</p>  
<p>这是另一个段落。</p>

五、列表（Lists）

HTML提供了两种类型的列表：无序列表（Unordered Lists）和有序列表（Ordered Lists）。无序列表使用<ul>标签定义，列表项使用<li>标签定义；有序列表则使用<ol>标签定义。

<!-- 无序列表 -->  
<ul>  
  <li>列表项1</li>  
  <li>列表项2</li>  
  <li>列表项3</li>  
</ul>  
  
<!-- 有序列表 -->  
<ol>  
  <li>列表项1</li>  
  <li>列表项2</li>  
  <li>列表项3</li>  
</ol>

六、表格（Tables）

HTML中的<table>、<tr>、<th>和<td>标签用于创建表格。<table>标签定义整个表格，<tr>标签定义表格行，<th>标签定义表头单元格（通常显示为粗体并居中对齐），<td>标签定义普通单元格。

<table>  
  <tr>  
    <th>表头1</th>  
    <th>表头2</th>  
  </tr>  
  <tr>  
    <td>数据1</td>  
    <td>数据2</td>  
  </tr>  
  <!-- 更多的行和单元格 -->  
</table>

以上只是HTML中常用元素的一部分。