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>
以上标签大多都是成对出现的称为双标签,但是也有一部分单标签,对上述出现的标签除<hr />、<br />、<!DOCTYPE >、<meta>外皆为双标签。
博客里有部分转载内容,经过自己的整理,其目的主要是对知识的组织和管理。
html入门(html基本文本标签+快捷键讲解以及基本html组成解释)
原文:https://www.cnblogs.com/MDZZZ/p/11986060.html