标题
标题元素标签有：
<h1>: 主标题
<h2>: 二级子标题
<h3>: 三级子标题
…
<h6>
段落
<p>
列表
无序列表
<ul>
<li>豆浆</li>
<li>油条</li>
<li>豆汁</li>
<li>焦圈</li>
</ul>
- 豆浆
- 油条
- 豆汁
- 焦圈
<html>
<body>
<h4>Disc 项目符号列表：</h4>
<ul type="disc">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul>
<h4>Circle 项目符号列表：</h4>
<ul type="circle">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul>
<h4>Square 项目符号列表：</h4>
<ul type="square">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ul>
</body>
</html>
Disc 项目符号列表：
- 苹果
- 香蕉
- 柠檬
- 桔子
Circle 项目符号列表：
- 苹果
- 香蕉
- 柠檬
- 桔子
Square 项目符号列表：
- 苹果
- 香蕉
- 柠檬
- 桔子
有序列表
<ol>
<li>沿着条路走到头</li>
<li>右转</li>
<li>直行穿过第一个十字路口</li>
<li>在第三个十字路口处左转</li>
<li>继续走 300 米，学校就在你的右手边</li>
</ol>
- 沿着条路走到头
- 右转
- 直行穿过第一个十字路口
- 在第三个十字路口处左转
- 继续走 300 米，学校就在你的右手边
<html>
<body>
<h4>数字列表：</h4>
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<h4>字母列表：</h4>
<ol type="A">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<h4>小写字母列表：</h4>
<ol type="a">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<h4>罗马字母列表：</h4>
<ol type="I">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
<h4>小写罗马字母列表：</h4>
<ol type="i">
<li>苹果</li>
<li>香蕉</li>
<li>柠檬</li>
<li>桔子</li>
</ol>
</body>
</html>
数字列表：
- 苹果
- 香蕉
- 柠檬
- 桔子
字母列表：
- 苹果
- 香蕉
- 柠檬
- 桔子
小写字母列表：
- 苹果
- 香蕉
- 柠檬
- 桔子
罗马字母列表：
- 苹果
- 香蕉
- 柠檬
- 桔子
小写罗马字母列表：
- 苹果
- 香蕉
- 柠檬
- 桔子
嵌套列表
<ol>
<li>先用蛋白一个、盐半茶匙及淀粉两大匙搅拌均匀，调成“腌料”，鸡胸肉切成约一厘米见方的碎丁并用“腌料”搅拌均匀，腌渍半小时。</li>
<li>用酱油一大匙、淀粉水一大匙、糖半茶匙、盐四分之一茶匙、白醋一茶匙、蒜末半茶匙调拌均匀，调成“综合调味料”。</li>
<li>鸡丁腌好以后，色拉油下锅烧热，先将鸡丁倒入锅内，用大火快炸半分钟，炸到变色之后，捞出来沥干油汁备用。</li>
<li>在锅里留下约两大匙油，烧热后将切好的干辣椒下锅，用小火炒香后，再放入花椒粒和葱段一起爆香。随后鸡丁重新下锅，用大火快炒片刻后，再倒入“综合调味料”继续快炒。
<ul>
<li>如果你采用正宗川菜做法，最后只需加入花生米，炒拌几下就可以起锅了。</li>
<li>如果你在北方，可加入黄瓜丁、胡萝卜丁和花生米，翻炒后起锅。</li>
</ul>
</li>
</ol>
- 先用蛋白一个、盐半茶匙及淀粉两大匙搅拌均匀，调成“腌料”，鸡胸肉切成约一厘米见方的碎丁并用“腌料”搅拌均匀，腌渍半小时。
- 用酱油一大匙、淀粉水一大匙、糖半茶匙、盐四分之一茶匙、白醋一茶匙、蒜末半茶匙调拌均匀，调成“综合调味料”。
- 鸡丁腌好以后，色拉油下锅烧热，先将鸡丁倒入锅内，用大火快炸半分钟，炸到变色之后，捞出来沥干油汁备用。
- 在锅里留下约两大匙油，烧热后将切好的干辣椒下锅，用小火炒香后，再放入花椒粒和葱段一起爆香。随后鸡丁重新下锅，用大火快炒片刻后，再倒入“综合调味料”继续快炒。
- 如果你采用正宗川菜做法，最后只需加入花生米，炒拌几下就可以起锅了。
- 如果你在北方，可加入黄瓜丁、胡萝卜丁和花生米，翻炒后起锅。
正确的无序号列表应该是下面的显示样子，上面在编辑器中的显示有问题
自定义列表
<html>
<body>
<h2>一个定义列表：</h2>
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
</body>
</html>
一个定义列表：
-
计算机
- 用来计算的仪器 ... ... 显示器
- 以视觉方式显示信息的装置 ... ...
文字强调
<em>或者<i>：斜体<strong>或者<b>: 粗体
MDN中的介绍：
<i>被用来传达传统上用斜体表达的意义：外国文字，分类名称，技术术语，一种思想……
<b>被用来传达传统上用粗体表达的意义：关键字，产品名称，引导句……
<u>被用来传达传统上用下划线表达的意义：专有名词，拼写错误……
使用下划线的忠告：因为我们常常会认为网页中的下划线代表着一个超链接，所以最好只用下划线来代表超链接。而在语义适合的情况下不得不使用
<u>元素时，可以使用CSS来改变<u>元素对应的下划线的默认样式，从而和超链接的下划线区分开来。下面是一个具体的例子：
<!-- 学名 -->
<p>
红喉北蜂鸟（学名：<i>Archilocus colubris</i>）
是北美东部最常见的蜂鸟品种。
</p>
<!-- 舶来词 -->
<p>
菜单上有好多舶来词汇，比如 <i lang="uk-latn">vatrushka</i>（东欧乳酪面包）,
<i lang="id">nasi goreng</i>（印尼炒饭）以及<i lang="fr">soupe à l'oignon</i>（法式洋葱汤）。
</p>
<!-- 已知的错误书写 -->
<p>
总有一天我会改掉写<u style="text-decoration-line: underline; text-decoration-style: wavy;">措字</u>的毛病。
</p>
<!-- 在一组指令中突出显示关键字 -->
<ol>
<li>
<b>切</b>下两片面包，
</li>
<li>
在两片面包中间<b>夹入</b>一片西红柿和一片生菜叶。
</li>
</ol>
红喉北蜂鸟（学名：Archilocus colubris） 是北美东部最常见的蜂鸟品种。
菜单上有好多舶来词汇，比如 vatrushka（东欧乳酪面包）, nasi goreng（印尼炒饭）以及soupe à l'oignon（法式洋葱汤）。
总有一天我会改掉写措字的毛病。
- 切下两片面包，
- 在两片面包中间夹入一片西红柿和一片生菜叶。
措字两个字下面的下划线在浏览器中显示为波浪线
748
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
