1470 字
7 分钟
html

html头<head>#

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

网页结构#

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

无语义元素#

<span> <div>

文本结构#

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


  1. 先用蛋白一个、盐半茶匙及淀粉两大匙搅拌均匀,调成“腌料”,鸡胸肉切成约一厘米见方的碎丁并用“腌料”搅拌均匀,腌渍半小时。
  2. 用酱油一大匙、淀粉水一大匙、糖半茶匙、盐四分之一茶匙、白醋一茶匙、蒜末半茶匙调拌均匀,调成“综合调味料”。
  3. 鸡丁腌好以后,色拉油下锅烧热,先将鸡丁倒入锅内,用大火快炸半分钟,炸到变色之后,捞出来沥干油汁备用。
  4. 在锅里留下约两大匙油,烧热后将切好的干辣椒下锅,用小火炒香后,再放入花椒粒和葱段一起爆香。随后鸡丁重新下锅,用大火快炒片刻后,再倒入“综合调味料”继续快炒。
    • 如果你采用正宗川菜做法,最后只需加入花生米,炒拌几下就可以起锅了。
    • 如果你在北方,可加入黄瓜丁、胡萝卜丁和花生米,翻炒后起锅。
  • 强调 <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> ex 下标 <sub> Cm
  • 代码 <code> int a = 1; markdown#代码
  • 保留空白字符<pre>
    不用pre
                             用了pre 
  • 变量名<var> var
  • 标注日期 <time datetime="2016-01-20">2016 年 1 月 20 日</time>

链接 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 多选题
    • radio 单选题
    • 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
https://blog.pipago360.site/posts/语言/html/
作者
Ashenye
发布于
2024-03-26
许可协议
CC BY-NC-SA 4.0