有关vscode&tomcat编程
vscode缩进快捷键：
选中文本；Ctrl+[ 和Ctrl+] 实现文本的向左移动或者向右移动；
vscode代码对齐快捷键：
选中文本；Shift + Alt + F 实现代码的对齐；
html书写
- 在webapp创建一个新文件html。html和htm没有区别
- 切换语言html ！自动生成html文件代码
- 标准html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49<!DOCTYPE html><!--约束，说明-->
<html lang="en"><!--html标签的开始 lang=‘zh_CN’表示中文--> <!--html 一般分为两部分 head和body-->
<head><!--表示头部信息，一般包含三部分，title标签，css样式，js代码-->
<meta charset="UTF-8"><!--当前界面使用utf-8字符集合-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>first and old</title><!--页面标题-->
</head>
<body><!--body主体内容-->
<h1>HTML基本标签练习</h1><!--标题标签-->
<h2>img标签</h2>
<!--图片引用
src为图片路径 分为相对路径和绝对路径
相对路径：从工程名开始算
绝对路径：从盘符开始
. 当前文件所在的目录 ./可以省略
.. 上一级目录
宽度高度width和height 可以绝对尺寸px也可以 百分比%大小适配
border为边框
alt 图片加载不到时显示
-->
<p>first of 友利绪奈</p><!--文章标签，自动空行-->
<img src="./images/123.png" width=100% height=200px border="10" alt="images/123.png"/>
<img src="./images/223.png" width=100% height=200px alt="该图片走失了"/>
<h2>a超链接标签</h2>
<a href="http://www.white-x.top">白筱の猫舍<a><!--超链接标签a-->
<h2>列表标签</h2>
<!--无序列表，前面没有序号,默认点,type为列表前面的符号-->
<ul type="none">
<li>aa</li>
<li>bb</li>
<li>cc</li>
<li>dd</li>
</ul>
<p></p>
<ol><!--有序列表，前面增加序号-->
<li>aa</li>
<li>bb</li>
<li>cc</li>
<li>dd</li>
</ol>
<dl> <!--HTML自定义列表-->
<dt>第一段</dt>
<dd>- black hot drink</dd>
<dt>第二段</dt>
<dd>- white cold drink</dd>
</dl>
</body>
</html>