HTML入门基本标签及HBuilder快捷键

swiftwwj

2019-12-05

关注关注

HTML的介绍：

HTML 指的是超文本标记语言,是一门具有特殊功能的文本 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)， markup 范围了超文本的组成形式
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页，HTML是网页的设计语言，由HTML语言编写的文件，以.html和.htm结尾的（后缀）。是由浏览器运行的。

HMTL基础标签介绍：

<!DOCTYPE>标签，此标签没有结束标签，在html标签的上面，位于文档的第一行，<!DOCTYPE>不是html标签，它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
<html></html>标签，是一对成对标签，它限定了文档的开头和结束，其中还包括了头部标签<head></head>,和<body></body>标签。
<head></head>标签,头部标签，<head>即为网站头部开始，</head>为网站头部结束，head标签中，可以引入外部的css文件，和js文件，其中特有的tittle标签(成对标签)可以在浏览器标题栏上显示所需要的标题。
<meta charset="utf-8">，head中的标签，utf-8是一种字符编码，除此之外在国内网站常用的还有GB2312和GBK。GB2312和GBK主要用于汉字编码，utf-8是国际编码，防止乱码，实用性比较强。
<body></body>标签，定义文档的主体，body标签中包含了文档的所有内容(比如：文本标签，表格标签，图片，超链接等都是在body中实现的)。

常用标签：

	标签	功能
1	<hr />	水平分割线
2	<br />	强制换行
3	<p>...</p>	段落标签(自占一行，自带换行效果)
4	<b>...</b>	文本加粗
5	<strong>...</strong>	加粗标签(强调作用，更符合标准流)
6	<font color="black" size="16" face="华文行楷">内容</font>	设置字体的颜色和大小，
7	<s>...</s>	删除样式(html5弃用)
8	<u>...</u>	下划线样式(html5弃用)
9	<em>...</em>	表示强调语气，以斜体方式展现
10	<i>...</i>	文字斜体，没有任何语意
11	<a href="#" target="_blank" tittle="...">...</a>	锚文本、超链接(引号内为跳转链接或者锚点位置内容), target="_blank",另起网页跳转，取消则本网页跳转，，tittle，鼠标悬停显示提示文字
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,高于7则取7)

Hbuilder快捷键：

	快捷键	含义
1	CTRL + A	全选
2	CTRL + C	复制
3	CTRL + X	剪切
4	CTRL + V	粘贴
5	CTRL + Z	撤销
6	CTRL + Y	重构
7	CTRL + R	运行
8	CTRL + /	注释
9	CTRL + F	查找
10	CTRL + L	选择一行
11	CTRL + S	保存
12	CTRL + D	删除一行
13	Tab	缩进
14	CTRL + Shift + F	格式化代码