html速查表

adwalk · Sep 18, 2019 · 172d679 · 172d679
1 parent 399f5a4
commit 172d679
Showing 1 changed file with 157 additions and 1 deletion.
diff --git a/TinyCode2.md b/TinyCode2.md
@@ -553,6 +553,162 @@ Object.freeze(obj);
 `)()
 ```
 
+HTML速查表
+----
+```
+HTML 基本文档
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>文档标题</title>
+</head>
+<body>
+文档内容......
+</body>
+</html>
+
+基本标签（Basic Tags）
+<h1>最大的标题</h1>
+<h2> . . . </h2>
+<h3> . . . </h3>
+<h4> . . . </h4>
+<h5> . . . </h5>
+<h6>最小的标题</h6>
+ 
+<p>这是一个段落。</p>
+<br> （换行）
+<hr> （水平线）
+<!-- 这是注释 -->
+<!--[if lt IE 9]>
+    <script src="http://unpkg.com/html5shiv.min.js"></script>
+<![endif]-->
+
+文本格式化（Formatting）
+<b>粗体文本</b>
+<code>计算机代码</code>
+<em>强调文本</em>
+<i>斜体文本</i>
+<kbd>键盘输入</kbd> 
+<pre>预格式化文本</pre>
+<small>更小的文本</small>
+<strong>重要的文本</strong>
+ 
+<abbr> （缩写）
+<address> （联系信息）
+<bdo> （文字方向）
+<blockquote> （从另一个源引用的部分）
+<cite> （工作的名称）
+<del> （删除的文本）
+<ins> （插入的文本）
+<sub> （下标文本）
+<sup> （上标文本）
+链接（Links）
+普通的链接：<a href="http://www.example.com/">链接文本</a>
+图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>
+邮件链接： <a href="mailto:[email protected]">发送e-mail</a>
+书签：
+<a name="tips">提示部分</a>
+<a href="#tips">跳到提示部分</a>
+图片（Images）
+<img src="URL" alt="替换文本" height="42" width="42">
+样式/区块（Styles/Sections）
+<style type="text/css">
+h1 {color:red;}
+p {color:blue;}
+</style>
+<div>文档中的块级元素</div>
+<span>文档中的内联元素</span>
+无序列表
+<ul>
+    <li>项目</li>
+    <li>项目</li>
+</ul>
+有序列表
+<ol>
+    <li>第一项</li>
+    <li>第二项</li>
+</ol>
+定义列表
+<dl>
+  <dt>项目 1</dt>
+    <dd>描述项目 1</dd>
+  <dt>项目 2</dt>
+    <dd>描述项目 2</dd>
+</dl>
+表格（Tables）
+<table border="1">
+  <tr>
+    <th>表格标题</th>
+    <th>表格标题</th>
+  </tr>
+  <tr>
+    <td>表格数据</td>
+    <td>表格数据</td>
+  </tr>
+</table>
+框架（Iframe）
+<iframe src="demo_iframe.htm"></iframe>
+表单（Forms）
+<form action="demo_form.php" method="post/get">
+<input type="text" name="email" size="40" maxlength="50">
+<input type="password">
+<input type="checkbox" checked="checked">
+<input type="radio" checked="checked">
+<input type="submit" value="Send">
+<input type="reset">
+<input type="hidden">
+<select>
+<option>苹果</option>
+<option selected="selected">香蕉</option>
+<option>樱桃</option>
+</select>
+<textarea name="comment" rows="60" cols="20"></textarea>
+ 
+</form>
+实体（Entities）
+&lt; 等同于 <
+&gt; 等同于 >
+&#169; 等同于 ©
+
+HTML5提供了新的元素来创建更好的页面结构：
+标签 	描述
+<article> 	定义页面独立的内容区域。
+<aside> 	定义页面的侧边栏内容。
+<bdi> 	允许您设置一段文本，使其脱离其父元素的文本方向设置。
+<command> 	定义命令按钮，比如单选按钮、复选框或按钮
+<details> 	用于描述文档或文档某个部分的细节
+<dialog> 	定义对话框，比如提示框
+<summary> 	标签包含 details 元素的标题
+<figure> 	规定独立的流内容（图像、图表、照片、代码等等）。
+<figcaption> 	定义 <figure> 元素的标题
+<footer> 	定义 section 或 document 的页脚。
+<header> 	定义了文档的头部区域
+<mark> 	定义带有记号的文本。
+<meter> 	定义度量衡。仅用于已知最大和最小值的度量。
+<nav> 	定义导航链接的部分。
+<progress> 	定义任何类型的任务的进度。
+<ruby> 	定义 ruby 注释（中文注音或字符）。
+<rt> 	定义字符（中文注音或字符）的解释或发音。
+<rp> 	在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
+<section> 	定义文档中的节（section、区段）。
+<time> 	定义日期或时间。
+<wbr> 	规定在文本中的何处适合添加换行符。
+
+<video width="320" height="240" controls>
+  <source src="movie.mp4" type="video/mp4">
+  <source src="movie.ogg" type="video/ogg">
+  如果你的浏览器不支持 video 标签此行将显示...
+</video>
+
+<audio controls>
+  <source src="horse.ogg" type="audio/ogg">
+  <source src="horse.mp3" type="audio/mpeg">
+  <source src="water.wav" type="audio/wav">
+如果你的浏览器不支持 audio 元素此行将显示...
+</audio>
+
+```
 
 
 
@@ -597,7 +753,7 @@ gold(n): the min non-negative integer makes that both n-g and n+g are primes
 prime_pi(n): the count of primes in 1..n
 sigma(n,0): the count of n.divisors()
 
-gold(n) < prime_pi(n), while n>344 
+gold(n) < prime_pi(n), while n>344  
 gold(n) < prime_pi(n)*4395/3449751 ≈ prime_pi(n)*0.0013, while n>57989356
 
 Goldbach Conjecture Inequality 2: gold(n) < prime_pi(prime_pi(n)+n)