HTML5常用符号速查表，轻松掌握页面元素与效果

在HTML5中，符号和特殊字符的使用能够帮助你创建更加丰富和交互式的网页。以下是一个HTML5常用符号的速查表，包括页面元素和效果，旨在帮助你快速掌握这些符号的用法。

基本符号

1. 转义字符

在HTML中，某些字符（如<和>）具有特殊意义，因此如果需要在文本中插入这些字符，需要使用转义字符。

• <：<
• >：>
• &：&
• "："
• '：'

2. 非破格空格

在HTML中，非破格空格可以用来保持文档格式的整洁。

• 非破格空格：

3. 版权符号

• 版权符号：©

标签和属性

4. 图像标签

在HTML5中，使用<img>标签来插入图像。

• 示例：<img src="image.jpg" alt="描述性文字">

5. 超链接

使用<a>标签创建超链接。

• 示例：<a href="http://example.com" target="_blank">链接文字</a>

6. 段落

使用<p>标签创建段落。

• 示例：<p>这是一段文字。</p>

7. 标题

使用<h1>到<h6>标签创建不同级别的标题。

• 示例：<h1>一级标题</h1>

8. 列表

• 无序列表：<ul> + <li>
  • 示例：<ul><li>项目1</li><li>项目2</li></ul>
• 有序列表：<ol> + <li>
  • 示例：<ol><li>项目1</li><li>项目2</li></ol>

9. 表格

使用<table>、<tr>、<th>和<td>标签创建表格。

• 示例：

  
  <table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>内容1</td>
    <td>内容2</td>
  </tr>
  </table>
  

10. 框架和内联框架

• 框架：<iframe>标签
  • 示例：<iframe src="http://example.com" frameborder="0"></iframe>
• 内联框架：<object>标签
  • 示例：<object data="applet.jar" width="200" height="200"></object>

布局和样式

11. 横线

使用<hr>标签添加水平线。

• 示例：<hr>或<hr style="color: red;">

12. 块引用

使用<blockquote>标签来表示引用内容。

• 示例：<blockquote cite="引用来源">这是引用的内容。</blockquote>

13. 地址

使用<address>标签表示页面或文章的作者、组织信息。

• 示例：<address><p>作者姓名<br>联系信息</p></address>

14. 样式

使用<style>标签来内联样式。

• 示例：

  
  <style>
  p { color: blue; }
  </style>
  

15. JavaScript

使用<script>标签来插入JavaScript代码。

• 示例：

  
  <script>
  function sayHello() {
    alert("Hello!");
  }
  </script>
  

通过以上速查表，你可以快速查找和了解HTML5中常用的符号及其用法。掌握这些符号将帮助你更加高效地构建和美化网页。