html - PipaHub

html头`<head>`#

<title> 标题 <meta> 元信息 <link> 链接

网页结构#

<header> <nav> <main> <aside> <footer> <section>通用独立章节 <article> <br/>换行 <hr/> 水平分割线 markdown#分割线

无语义元素#

<span> <div>

文本结构#

标题 <hN> $N \in [1,6]$ markdown#标题
段落 <p> markdown#段落
列表 markdown#列表

<ol>
	<li>a</li>
	<li>b</li>
</ol>

```html

```

### 嵌套列表

<ol>
  <li>
    先用蛋白一个、盐半茶匙及淀粉两大匙搅拌均匀，调成“腌料”，鸡胸肉切成约一厘米见方的碎丁并用“腌料”搅拌均匀，腌渍半小时。
  </li>
  <li>
    用酱油一大匙、淀粉水一大匙、糖半茶匙、盐四分之一茶匙、白醋一茶匙、蒜末半茶匙调拌均匀，调成“综合调味料”。
  </li>
  <li>
    鸡丁腌好以后，色拉油下锅烧热，先将鸡丁倒入锅内，用大火快炸半分钟，炸到变色之后，捞出来沥干油汁备用。
  </li>
  <li>
    在锅里留下约两大匙油，烧热后将切好的干辣椒下锅，用小火炒香后，再放入花椒粒和葱段一起爆香。随后鸡丁重新下锅，用大火快炒片刻后，再倒入“综合调味料”继续快炒。
    <ul>
      <li>
        如果你采用正宗川菜做法，最后只需加入花生米，炒拌几下就可以起锅了。
      </li>
      <li>如果你在北方，可加入黄瓜丁、胡萝卜丁和花生米，翻炒后起锅。</li>
    </ul>
  </li>
</ol>

先用蛋白一个、盐半茶匙及淀粉两大匙搅拌均匀，调成“腌料”，鸡胸肉切成约一厘米见方的碎丁并用“腌料”搅拌均匀，腌渍半小时。
用酱油一大匙、淀粉水一大匙、糖半茶匙、盐四分之一茶匙、白醋一茶匙、蒜末半茶匙调拌均匀，调成“综合调味料”。
鸡丁腌好以后，色拉油下锅烧热，先将鸡丁倒入锅内，用大火快炸半分钟，炸到变色之后，捞出来沥干油汁备用。
在锅里留下约两大匙油，烧热后将切好的干辣椒下锅，用小火炒香后，再放入花椒粒和葱段一起爆香。随后鸡丁重新下锅，用大火快炒片刻后，再倒入“综合调味料”继续快炒。
- 如果你采用正宗川菜做法，最后只需加入花生米，炒拌几下就可以起锅了。
- 如果你在北方，可加入黄瓜丁、胡萝卜丁和花生米，翻炒后起锅。

强调 <em> 强调 <strong> 非常强调
粗体 <b>斜体 <i> 下划线 <u> markdown#字体
描述列表

<dl>
  <dt>内心独白</dt>
  <dd>
    戏剧中，某个角色对自己的内心活动或感受进行念白表演，这些台词只面向观众，而其他角色不会听到。
  </dd>
  <dt>语言独白</dt>
  <dd>
    戏剧中，某个角色把自己的想法直接进行念白表演，观众和其他角色都可以听到。
  </dd>
  <dt>旁白</dt>
  <dd>
    戏剧中，为渲染幽默或戏剧性效果而进行的场景之外的补充注释念白，只面向观众，内容一般都是角色的感受、想法、以及一些背景信息等。
  </dd>
</dl>

内心独白: 戏剧中，某个角色对自己的内心活动或感受进行念白表演，这些台词只面向观众，而其他角色不会听到。
语言独白: 戏剧中，某个角色把自己的想法直接进行念白表演，观众和其他角色都可以听到。
旁白: 戏剧中，为渲染幽默或戏剧性效果而进行的场景之外的补充注释念白，只面向观众，内容一般都是角色的感受、想法、以及一些背景信息等。

- 引用 [[markdown#块引用]]

多少事，从来急；天地转，光阴迫。

```html

多少事，从来急；天地转，光阴迫。

```

人猿相揖别,精炼写出从猿到人的进化过程

<q cite="https://baike.baidu.com/item/%E8%B4%BA%E6%96%B0%E9%83%8E%C2%B7%E8%AF%BB%E5%8F%B2/5961892">人猿相揖别</q>,精炼写出从猿到人的进化过程

缩略语 <abbr title="Kubernetes">k8s</abbr> k8s
联系方式 <address>
email: luren145@gmail.com
上标 <sup> e^x 下标 <sub> C_m
代码 <code> int a = 1; markdown#代码
保留空白字符<pre>
不用pre
```
                         用了pre 
```
变量名<var> var
标注日期 <time datetime="2016-01-20">2016 年 1 月 20 日</time> 2016 年 1 月 20 日

链接 markdown#链接 #

<a href="https://www.mozilla.org/zh-CN/" title="title">Mozilla 主页</a>的链接。 Mozilla 主页的链接。 target属性 download属性

多媒体#

图片 markdown#图片 #

<img> <figure> <figcaption> alt title

视频#

<video>

音频#

<audio>

嵌入网页#

<iframe>

嵌入外部内容#

<embed> <object>

表格 markdown#表格 #

<table> <th> <tr> <td> 使用col应用样式 <col> <colgroup> <caption>添加标题 <thead> <hbody> <hfoot>

表单#

<form>
<input>
- text
- checkbox 多选题 ABC
- radio 单选题 ABC
- color 提色器
- date
- datetime-local
- email
- file
- month
- password
- number
- range
- search
- tel
- text
- time
- url <textarea>

<label>

<button>

<select>

<datalist>

<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />

<datalist id="ice-cream-flavors">
  <option value="Chocolate"></option>
  <option value="Coconut"></option>
  <option value="Mint"></option>
  <option value="Strawberry"></option>
  <option value="Vanilla"></option>
</datalist>

<progress>
<fieldset> <legend>
<meter>

html头<head>#