1. Html快捷键

<article> 标签是 HTML 5 中的新标签。属性 有以下：

accesskey 规定激活元素的快捷键。

class 规定元素的一个或多个类名（引用样式表中的类）。

contenteditable 规定元素内容是否可编辑。

contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。

data-* 用于存储页面或应用程序的私有定制数据。

dir 规定元素中内容的文本方向。

draggable 规定元素是否可拖动。

dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接。

hidden 规定元素仍未或不再相关。

id 规定元素的唯一 id。

lang 规定元素内容的语言。

spellcheck 规定是否对元素进行拼写和语法检查。

style 规定元素的行内 CSS 样式。

tabindex 规定元素的 tab 键次序。

title 规定有关元素的额外信息。

translate 规定是否应该翻译元素内容。

2. html快捷键感叹号

HTML注释的格式：

左尖括号开始，一个感叹号跟两个减号。然后写入注释内容。后面跟两个减号，以右尖括号结束。

3. html快捷键!加什么

一.什么是AE表达式？

AE表达式是AE内部基于javascript语言开发的代码，针对AE里可做动画的属性添加。

二.怎么添加AE表达式？

1. 按住ALT键，单击属性前的码表

2. 出现表达式编辑面板，在编辑面板里输入要添加的表达式代码

三.常用的表达式

1. wiggle摆动表达式

wiggle表达式，实现物体随机摆动效果

写法： wiggle(频率,振幅)

解释： 频率--指的是每秒抖动的次数

振幅--指的是抖动的像素幅度

举例： wiggle（5,50）代表着物体每秒抖动5次，每次抖动50个像素单位

案例演示：

在位置属性，加入表达式

效果展示：

2. time时间表达式

time表达式，用来获取时间的值，以24帧/秒的帧速率为例，如果时间指针走到第2帧，那么time的值为2÷24≈0.1;到第24帧的时候，time的值为24÷24=1;

写法： time*n

解释：n指的是time乘的倍数

举例：time*300 代表着当前时间的300倍

案例演示：

在旋转属性，加入表达式，当时间指针走到第10帧的时候，time为10÷24=0.416,0.416*300≈125;如下图所示

效果展示：

因为time值是一直在变化的，所以旋转会一直持续。

3. random随机表达式

random表达式，能够实现随机变化的效果，random随机函数，执行random()，可以得到0～1之间的一个随机数，利用随机数，可以做出各种随机的动画效果

写法： random()*n（注：random表达式里的参数较多，这里不做深入介绍）

解释： n指的是ranom乘的倍数

举例： random()*100 代表随机数的100倍

案例演示：

在不透明度属性，加入表达式

效果展示：

加入表达式后，不透明度的值随机变化，会出现随机闪烁效果。

4. loopOut循环表达式

loopOut表达式，可以实现无限循环效果，如果我们需要某个效果一直重复，不需要重复多次做关键帧，只需要做好一个来回的关键帧，再添加loopOut()函数即可解决。

写法： loopOut()

案例演示： 做一个循环缩放的动效

a. 打开缩放属性，在时间轴上，做三个关键帧

起始帧：缩放值为0%；

中间帧：缩放值为100%；

结束帧：缩放值为0%；

如下图所示：

b. 添加表达式

效果展示：

4. html快捷键整理代码

一、word 文档下面的字打上下划线的方法

选中要打下划线的文字，使用快捷键Ctrl+U，即可实现文字下划线效果。

二：html中文字下面的下划线

可以通过css的text-decoration或border-bottom属性添加

文字下面的下划线可以通过css的text-decoration或border-bottom属性添加。text-decoration属性添加的下划线是最简单样式，border-bottom属性可以设置不同样式的下划线。

5. html快捷键补全标签

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签中，输入js代码：$('body').append(location.search);。

3、浏览器进入index.html?type=5&name=Alice页面，此时页面会获取到request的值并打印出。

6. html快捷键输入代码*数字

工具/原料

Visual Studio Code

Vue.js

JavaScript

HTML5

CSS3

截图工具

WPS

浏览器

方法/步骤

通过快捷方式打开Visual Studio Code工具，然后新建静态页面

创建一个静态页面table.html，并添加页面代码，然后保存，使用浏览器查看

点击File菜单，选择Open Folder，将项目导入到Visual Studio Code

导入进去后，查看项目所依赖的包是否安装，项目配置文件

新建一个终端窗口，在命令行输入npm run dev运行项目

再点击File，然后新建一个TypeScript文件ct.ts，添加对应的代码

打开一个终端窗口，查看是否安装TypeScript插件，利用tsc命令运行文件

7. html快捷键头部

1、搭建网页利用已搭建的IIS本地服务器，在共享区域新建一个html文件，命名为index.html。如图

2、植入html元素用记事本打开index.html，完善html基本元素。写入一下代码：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html"/><title>时间的动态显示</title> </head><body></body></html>并保存。如图：

3、写入JavaScript时间代码在html头部写入获取时间的代码： <script language="javascript"> var t = null; t = setTimeout(time,1000);//开始执行 function time() { clearTimeout(t);//清除定时器 dt = new Date();var y=dt.getYear()+1900;var mm=dt.getMonth()+1;var d=dt.getDate();var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];var day=dt.getDay(); var h=dt.getHours(); var m=dt.getMinutes(); var s=dt.getSeconds();if(h<10){h="0"+h;}if(m<10){m="0"+m;}if(s<10){s="0"+s;} document.getElementById("timeShow").innerHTML = "现在的时间为："+y+"年"+mm+"月"+d+"日"+weekday[day]+" "+h+":"+m+":"+s+""; t = setTimeout(time,1000); //设定定时器，循环执行 } </script>如图：

4、写入div标签在内容部分写入div标签，并附上ID，用来加载时间的载体。<divid="timeShow" ></div>如图：

5、写入样式在头部写入div的样式： <style> .time1{width:100%; height:50px; background:#FFF000; line-height:50px; text-align:center;} </style>并保存，如图：

6、加载网页在浏览器输入192.168.1.2，查看编写的网页文件。如图：

8. html快捷键运行

1、在html里<h1>到<h6>是标题标签，说h1是最大标题，h6是最小标题，另外在SEO中标题的权重逐步降低。这里打开编辑软件，加入演示代码：

2、标题标签的用法，以一级标题标签为例，只需要将文字内容包围进标题标签，之后也可以用css给标题改变颜色等属性：

3、按下crtl+S快捷键键，打开浏览器即可观察到最终效果，演示里的标题从1到6级大小是依次递减的，其中一级标题是蓝色的。以上就是html标题标签的用法：

9. html快捷键输入代码

1、通过快捷方式打开Visual Studio Code工具，然后新建静态页面。

2、创建一个静态页面table.html，并添加页面代码，然后保存，使用浏览器查看。

3、点击File菜单，选择Open Folder，将项目导入到Visual Studio Code。

4、导入进去后，查看项目所依赖的包是否安装，项目配置文件。

5、新建一个终端窗口，在命令行输入npm run dev运行项目。

6、再点击File，然后新建一个TypeScript文件ct.ts，添加对应的代码。

7、打开一个终端窗口，查看是否安装TypeScript插件，利用tsc命令运行文件。