HTML 速查列表

HTML 基本文档

html

&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
	&lt;title&gt;文档标题&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
	可见文本...
&lt;/body&gt;

&lt;/html&gt;

基本标签（Basic Tags）

html

&lt;h1&gt;最大的标题&lt;/h1&gt;
&lt;h2&gt; . . . &lt;/h2&gt;
&lt;h3&gt; . . . &lt;/h3&gt;
&lt;h4&gt; . . . &lt;/h4&gt;
&lt;h5&gt; . . . &lt;/h5&gt;
&lt;h6&gt;最小的标题&lt;/h6&gt;
 
&lt;p&gt;这是一个段落。&lt;/p&gt;
&lt;br&gt; （换行）
&lt;hr&gt; （水平线）
&lt;!-- 这是注释 --&gt;

文本格式化（Formatting）

html

&lt;b&gt;粗体文本&lt;/b&gt;
&lt;code&gt;计算机代码&lt;/code&gt;
&lt;em&gt;强调文本&lt;/em&gt;
&lt;i&gt;斜体文本&lt;/i&gt;
&lt;kbd&gt;键盘输入&lt;/kbd&gt; 
&lt;pre&gt;预格式化文本&lt;/pre&gt;
&lt;small&gt;更小的文本&lt;/small&gt;
&lt;strong&gt;重要的文本&lt;/strong&gt;
 
&lt;abbr&gt; （缩写）
&lt;address&gt; （联系信息）
&lt;bdo&gt; （文字方向）
&lt;blockquote&gt; （从另一个源引用的部分）
&lt;cite&gt; （工作的名称）
&lt;del&gt; （删除的文本）
&lt;ins&gt; （插入的文本）
&lt;sub&gt; （下标文本）
&lt;sup&gt; （上标文本）

链接（Links）

html

普通的链接：&lt;a href="http://www.example.com/"&gt;链接文本&lt;/a&gt;
图像链接： &lt;a href="http://www.example.com/"&gt;&lt;/a&gt;
邮件链接： &lt;a href="mailto:webmaster@example.com"&gt;发送e-mail&lt;/a&gt;
书签：
&lt;a id="tips"&gt;提示部分&lt;/a&gt;
&lt;a href="#tips"&gt;跳到提示部分&lt;/a&gt;

图片（Images）

html

样式/区块（Styles/Sections）

html

&lt;style type="text/css"&gt;
h1 &#123;color:red;&#125;
p &#123;color:blue;&#125;
&lt;/style&gt;
&lt;div&gt;文档中的块级元素&lt;/div&gt;
&lt;span&gt;文档中的内联元素&lt;/span&gt;

表

ul是unordered lists的缩写 (无序列表) li是list item的缩写（列表项目） ol是ordered lists的缩写（有序列表） dl是definition lists的英文缩写 (自定义列表) dt是definition term的缩写 (自定义列表组) dd是definition description的缩写（自定义列表描述） nl是navigation lists的英文缩写（导航列表） tr是table row的缩写（表格中的一行） th是table header cell的缩写（表格中的表头） td是table data cell的缩写（表格中的一个单元格）

无序列表

html

&lt;ul&gt;
    &lt;li&gt;项目&lt;/li&gt;
    &lt;li&gt;项目&lt;/li&gt;
&lt;/ul&gt;

有序列表

html

&lt;ol&gt;
    &lt;li&gt;第一项&lt;/li&gt;
    &lt;li&gt;第二项&lt;/li&gt;
&lt;/ol&gt;

定义列表

html

&lt;dl&gt;
  &lt;dt&gt;项目 1&lt;/dt&gt;
    &lt;dd&gt;描述项目 1&lt;/dd&gt;
  &lt;dt&gt;项目 2&lt;/dt&gt;
    &lt;dd&gt;描述项目 2&lt;/dd&gt;
&lt;/dl&gt;

表格（Tables）

html

&lt;table border="1"&gt;
  &lt;tr&gt;
    &lt;th&gt;表格标题&lt;/th&gt;
    &lt;th&gt;表格标题&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;表格数据&lt;/td&gt;
    &lt;td&gt;表格数据&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;

表单（Forms）

html

&lt;form action="demo_form.php" method="post/get"&gt;
	&lt;input type="text" name="email" size="40" maxlength="50"&gt;
	&lt;input type="password"&gt;
	&lt;input type="checkbox" checked="checked"&gt;
	&lt;input type="radio" checked="checked"&gt;
	&lt;input type="submit" value="Send"&gt;
	&lt;input type="reset"&gt;
	&lt;input type="hidden"&gt;
	
	&lt;select&gt;
		&lt;option&gt;苹果&lt;/option&gt;
		&lt;option selected="selected"&gt;香蕉&lt;/option&gt;
		&lt;option&gt;樱桃&lt;/option&gt;
	&lt;/select&gt;
	
	&lt;textarea name="comment" rows="60" cols="20"&gt;&lt;/textarea&gt;
	
&lt;/form&gt;

框架（Iframe）

html

&lt;iframe src="demo_iframe.htm"&gt;&lt;/iframe&gt;

实体（Entities）

html

&lt; 等同于 &lt;
&gt; 等同于 &gt;
&#169; 等同于 ©

1.基础

2.流程控制语句

3.数组

4.函数

5.关键字

10.正则表达式

11.枚举

6.面向对象

1.多态包权限final

2.抽象类接口内部类

3.继承封装类

4.泛型

7.异常File类

8.多线程

容器笔记

数据结构体系

集合

1.流&方法引用&IO

2.网络编程

JavaIO

模块 java.base

包 java.lang

1.折线图

2.地图可视化

3.柱状图

1.CSS基础

2.CSS进阶

排版

文本样式

3.CSS应用

HTML语法

API

DOM

WEB API

标准内置对象

JavaScript学习

0.入门

1.初级

2.中级

3.高级

4.JS精讲

参考

JSON

函数

声明和语句

更多

类

表达式和运算符

1.算法基础

2.线性结构

3.栈与队列

4.哈希表

5.树

6.堆(heap)

7.图(graph)

1.搜索

2.排序

3.分治

4.回溯

5.动态规划

6.贪心

7.数学运算

HTTP

TCP.IP

相关插件

Hooks

1.Redis入门

2.Redis进阶

Redis故障排查

Mybatics

Spring

Spring Boot

Spring Cache

Spring Cloud

Spring Security

Spring Task

Application.yml配置

Springboot基本注解

第三方工具