嗨 - HTML

HTML是超文本标记语言，用于创建Web页面。它由标签、元素、属性和值组成，用于描述特定的页面结构和内容，如标题、段落、图像、链接等。

HTML基础

标记

HTML标记（或元素）由尖括号包围，如下所示：

<tagname>content</tagname>

其中，tagname是标记的名称，content是标记包含的内容。

属性和值

HTML属性用于在标记中提供额外的信息。它们通常采用名称/值对的形式，如下所示：

<tagname attribute="value">content</tagname>

标题

HTML标题用于定义Web页面的主要标题。其中，一级标题最为重要，而七级标题最不重要。例如：

<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>

段落

HTML段落用于定义页面中的文字段落。例如：

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

链接

HTML链接用于在Web页面之间创建链接。例如：

<a href="https://www.baidu.com/">百度</a>

其中，href属性指定链接的URL地址。

图像

HTML图像用于在Web页面中显示图像。例如：

<img src="image.jpg" alt="这是一个图像">

其中，src属性指定图像的URL地址，alt属性用于提供有关图像的替代文本。

HTML进阶

列表

HTML列表用于呈现结构化的信息，如项目列表或事件时间表。主要有无序列表、有序列表和定义列表。例如：

<ul>
  <li>无序列表项1</li>
  <li>无序列表项2</li>
</ul>

<ol>
  <li>有序列表项1</li>
  <li>有序列表项2</li>
</ol>

<dl>
  <dt>定义列表项1</dt>
  <dd>定义列表项1的定义</dd>
  <dt>定义列表项2</dt>
  <dd>定义列表项2的定义</dd>
</dl>

表格

HTML表格用于呈现二维数据表格，通常包含多个行和列。例如：

<table>
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>单元格1</td>
      <td>单元格2</td>
    </tr>
    <tr>
      <td>单元格3</td>
      <td>单元格4</td>
    </tr>
  </tbody>
</table>

其中，thead标记包含表头（通常是表格的列名称），tbody标记包含表格主体（通常是一组行和列）。

表单

HTML表单用于收集用户输入的信息。它包含各种输入类型，如文本框、单选框、复选框、下拉列表和提交按钮。例如：

<form action="提交地址" method="get/post">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br>

  <label for="password">密码：</label>
  <input type="password" id="password" name="password"><br>

  <input type="radio" id="man" name="gender" value="male">
  <label for="man">男</label><br>

  <input type="radio" id="woman" name="gender" value="female">
  <label for="woman">女</label><br>

  <input type="checkbox" id="agree" name="agree" value="true">
  <label for="agree">我同意协议</label><br>

  <label for="city">选择城市：</label>
  <select id="city" name="city">
    <option value="sh">上海</option>
    <option value="bj">北京</option>
    <option value="gz">广州</option>
    <option value="sz">深圳</option>
  </select><br>

  <input type="submit" value="提交">
</form>

其中，action属性指定表单数据提交到的地址，method属性指定提交方法（get或post）。

结论

以上是HTML的基本语法和常用特性。HTML虽然简单直观，但也不容小觑，合理地使用HTML能使网页看起来更加美观、清晰。