html学习笔记

1. HTML 基础

HTML 标题

• 定义：HTML 标题是通过 <h1> 到 <h6> 标签定义的，用于创建不同级别的标题。
• 实例：

  <h1>这是最重要的标题</h1>
  <h2>次重要的标题</h2>
  <h3>一般标题</h3>
  <!-- 以此类推，直到 <h6> -->
  

HTML 段落

• 定义：HTML 段落是通过 <p> 标签定义的，用于组织文本内容。
• 实例：

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

HTML 链接

• 定义：HTML 链接是通过 <a> 标签定义的，用于创建指向其他页面或站点的链接。
• 属性：href 属性用于指定链接的目标地址。
• 实例：

  <a href="https://www.runoob.com">访问菜鸟教程</a>
  

HTML 图像

• 定义：HTML 图像是通过 <img> 标签定义的，用于在网页中嵌入图像。
• 属性：src 属性指定图像的URL，alt 属性提供图像的替代文本，width 和 height 属性分别指定图像的宽度和高度。
• 实例：

  <img src="/images/logo.png" alt="logo" width="258" height="39" />
  

2. HTML 基础（续）

HTML 格式化

• 定义：HTML 提供了一些格式化标签，如 <b>（粗体）、<i>（斜体）等，用于文本的格式化。
• 实例：

  <b>粗体文本</b>
  <i>斜体文本</i>
  

HTML 引号

• 定义：HTML 引号是通过 <q> 标签定义的，用于短的引用。
• 实例：

  <q>这是一个短引用。</q>
  

HTML 计算机输出

• 定义：HTML 计算机输出是通过 <code> 标签定义的，用于显示计算机代码。
• 实例：

  <code>int x = 5;</code>
  

HTML 预格式文本

• 定义：HTML 预格式文本是通过 <pre> 标签定义的，用于显示预格式化的文本。
• 实例：

  <pre>
    int x = 5;
    printf(x);
  </pre>
  

3. HTML 列表

HTML 无序列表

• 定义：HTML 无序列表是通过 <ul> 和 <li> 标签定义的，用于创建项目符号列表。
• 实例：

  <ul>
    <li>项目 1</li>
    <li>项目 2</li>
  </ul>
  

HTML 有序列表

• 定义：HTML 有序列表是通过 <ol> 和 <li> 标签定义的，用于创建编号列表。
• 实例：

  <ol>
    <li>项目 1</li>
    <li>项目 2</li>
  </ol>
  

HTML 定义列表

• 定义：HTML 定义列表是通过 <dl>、<dt> 和 <dd> 标签定义的，用于定义术语和解释。
• 实例：

  <dl>
    <dt>HTML</dt>
    <dd>超文本标记语言</dd>
  </dl>
  

4. HTML 表格

HTML 表格基础

• 定义：HTML 表格是通过 <table>、<tr>、<th> 和 <td> 标签定义的，用于创建表格。
• 实例：

  <table>
    <tr>
      <th>标题 1</th>
      <th>标题 2</th>
    </tr>
    <tr>
      <td>数据 1</td>
      <td>数据 2</td>
    </tr>
  </table>
  

HTML 表格行和单元格

• 定义：<tr> 标签定义表格中的行，<th> 定义表头单元格，<td> 定义标准单元格。
• 实例：

  <tr>
    <th>标题 1</th>
    <th>标题 2</th>
  </tr>
  <tr>
    <td>数据 1</td>
    <td>数据 2</td>
  </tr>
  

HTML 表格属性

• 定义：表格标签具有多个属性，如 border、cellpadding、cellspacing 等，用于控制表格的外观。
• 实例：

  <table border="1" cellpadding="5" cellspacing="0">
    <tr>
      <th>标题 1</th>
      <th>标题 2</th>
    </tr>
    <tr>
      <td>数据 1</td>
      <td>数据 2</td>
    </tr>
  </table>