id

标签

功能

 1 

<hr />

水平分割线

 2

<br />

强制让文本换行

 3

<p>段落</p>

段落标签(自带换行效果)

 4

<b>内容</b>

加粗标签

 5

<strong>内容</strong>

加粗标签(强调作用，更符合标准流)

 6

<font color="#00ff00" size="16" face="黑体">内容</font>

设置字体的颜色和大小

 7

<s>内容</s>

删除样式(html5弃用)

 8

<u>内容</u>

下划线样式(html5弃用)

 9

<em>内容</em>

表示强调语气，以斜体方式展现

  10

<i>内容</i>

文字斜体，没有任何语意

  11

<a href="#">内容</a>

锚文本、超链接(引号内为跳转链接或者锚点位置内容)

  12

<h1>内容</h1>......<h6>内容</h6>

标题标签，按数字递增，字体依次变小，最大为h1，最小为h6(自带换行效果)

  13

<sub>12</sub>

让字体变小，显示在下方(下标)

  14

<sup>12</sup>

让字体变小，显示在上方(上标)

  15

<ins>内容</ins>

表示插入的字符，表示方式，带下划线

  16

<del>内容</del>

在字符上带一条删除线。删除样式

  17

<code>hello world<code>

表示此段是程序代码

  18

<pre>内容</pre>

预格式化。就是你敲在源码里是什么格式。在页面上就显示什么格式。一般跟code配合使用。

  19

<!--注释内容-->

注释标签，注释内容不会在浏览器中显示，主要用于开发人员对板块的划分与注释

  20

<font size="1-7" color="颜色" face="字体样式"></font>

规范文本标签，可以设置标签内文本大小，颜色，样式。(文本大小取值只有1-7，浏览器默认为3)

关于编辑和管理html文件的程序通用快捷键（可能有些快捷键对于某些编辑程序不通用，具体参考对应程序快捷键设置）

1.全选(Ctrl+A)

2.复制(Ctrl+C)

3.剪切(Ctrl+X)

4.粘贴(Ctrl+V)

5.撤销(Ctrl+Z)

6.重做(Ctrl+Y)

7.注释/反注释(Ctrl+/)

8.查找(Ctrl+F)

9.选择一行(Ctrl+L)

10.保存(Ctrl+S)

11.删除一行(Ctrl+D)

12.运行(Ctrl+R)

13.缩进(Tab)

14.反缩进(Shift+Tab)

关于html基本组成解释

一个基本的html组成如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
  1. <!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
  2. <html>此元素可告知浏览器其自身是一个 HTML 文档。<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体
  3. <head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
  4. <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词,<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
  5. 对于meta中出现的charset 属性其作用是规定在外部脚本文件中使用的字符编码。UTF-8 是一种Unicode 字符编码形式。
  6. <body> 元素定义文档的主体。body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）

以上标签大多都是成对出现的称为双标签，但是也有一部分单标签，对上述出现的标签除<hr />、<br />、<!DOCTYPE >、<meta>外皆为双标签。