HTML 速查列表


HTML速查列表

HTML (Hyper Text Markup Language)是一种用来创建网页的编程语言。HTML速查列表包含了HTML常用的标记和语法,可用于快速查找和使用。

文本标记

标题标记

HTML共有6个级别的标题标记,用于定义页面内容的标题层次,分别为:

<h1> ... </h1>   //一级标题
<h2> ... </h2>   //二级标题
<h3> ... </h3>   //三级标题
<h4> ... </h4>   //四级标题
<h5> ... </h5>   //五级标题
<h6> ... </h6>   //六级标题

段落标记

用于定义文本内容的段落:

<p> ... </p>

加粗标记

用于使文本内容加粗:

<b> ... </b>
<strong> ... </strong>  //此标记语义更强,表示重要性

斜体标记

用于使文本内容斜体:

<i> ... </i>
<em> ... </em>     //此标记语义更强,表示强调

下划线标记

用于为文本内容添加下划线:

<u> ... </u>

删除线标记

用于为文本内容添加删除线:

<s> ... </s>
<del> ... </del>  //此标记语义更强,表示删除

上标标记

用于将文本内容作为上标:

<sup> ... </sup>

下标标记

用于将文本内容作为下标:

<sub> ... </sub>

引用标记

用于引用文本内容:

<blockquote> ... </blockquote>

换行标记

用于强制换行:

<br>

图片和链接标记

图片标记

用于添加图片:

<img src="image.jpg" alt="描述内容" width="200" height="200">

链接标记

用于添加链接:

<a href="http://www.example.com">链接内容</a>

列表标记

有序列表标记

用于创建有序列表,数字表示列表编号:

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ol>

无序列表标记

用于创建无序列表,符号表示列表项:

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

表格标记

表格标记

用于创建表格:

<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>

表单标记

表单标记

用于创建表单:

<form action="http://www.example.com" method="post">
  <input type="text" name="username" placeholder="用户名">
  <input type="password" name="password" placeholder="密码">
  <input type="submit" value="登录">
</form>

多媒体标记

音频标记

用于添加音频:

<audio src="sound.mp3" controls></audio>

视频标记

用于添加视频:

<video src="video.mp4" width="200" height="200" controls></video>

其他标记

段落缩进标记

用于段落段首缩进:

<dl>
  <dt>标题</dt>
    <dd>内容</dd>
    <dd>内容</dd>
  <dt>标题</dt>
    <dd>内容</dd>
    <dd>内容</dd>
</dl>

注释标记

用于添加注释:

<!-- 注释内容 -->

以上是HTML速查列表的常见标记和语法,能够初步了解HTML的基本结构和使用方法。要深入理解HTML的各种语法和标记,请参考HTML官方文档。