3.6 KiB
html 主要标签
文字相关的标签
标题和段落
标题标签（hn）
- h1
- h2
- h3
- h4
- h5
- h6
h1~h6标用来声明标题，h1定义最大的标题，h6定义最小的标题，注意不要用来改变同一行的文字大小，这种样式需求应使用层叠样式表（css）实现
实例：
这是h1
这是h2
这是h3
这是h4
这是h5
这是h6
段落标签
- p
在html中，每个段落是通过
标签进行定义的。
实例：
<p>我是一个段落标签</p>
阅读下面的代码体会合理的结构层次 效果：
三国演义
罗贯中
第一回 宴桃园豪杰三结义 斩黄巾英雄首立功
话说天下大势，分久必合，合久必分。周末七国分争，并入于秦。及秦灭之后，楚、汉分争，又并入于汉……
第二回 张翼德怒鞭督邮 何国舅谋诛宦竖
且说董卓字仲颖，陇西临洮人也，官拜河东太守，自来骄傲。当日怠慢了玄德，张飞性发，便欲杀之……
却说张飞
却说张飞饮了数杯闷酒，乘马从馆驿前过，见五六十个老人，皆在门前痛哭。飞问其故，众老人答曰：“督邮逼勒县吏，欲害刘公；我等皆来苦告，不得放入，反遭把门人赶打！”……
```三国演义
罗贯中
第一回 宴桃园豪杰三结义 斩黄巾英雄首立功
话说天下大势，分久必合，合久必分。周末七国分争，并入于秦。及秦灭之后，楚、汉分争，又并入于汉……
第二回 张翼德怒鞭督邮 何国舅谋诛宦竖
且说董卓字仲颖，陇西临洮人也，官拜河东太守，自来骄傲。当日怠慢了玄德，张飞性发，便欲杀之……
却说张飞
却说张飞饮了数杯闷酒，乘马从馆驿前过，见五六十个老人，皆在门前痛哭。飞问其故，众老人答曰：“督邮逼勒县吏，欲害刘公；我等皆来苦告，不得放入，反遭把门人赶打！”……
```结构层次原则： 1.您应该最好只对每个页面使用一次<h1> — 这是顶级标题，所有其他标题位于层次结构中的下方。 2.请确保在层次结构中以正确的顺序使用标题。不要使用<h3>来表示副标题，后面跟<h2>来表示副副标题 - 这是没有意义的，会导致奇怪的结果。 3. 在可用的六个标题级别中，您应该只在每页使用不超过三个，除非您认为有必要使用更多。具有许多级别的文档（即，较深的标题层次结构）变得难以操作并且难以导航。在这种情况下，如果可能，建议将内容分散在多个页面上。
列表 list
无序列表 ul-li
- 香菱
- 皇女
- 旅行者
- 派蒙
<ul style="list-style:none>
<li>香菱</li>
<li>皇女</li>
<li>旅行者</li>
<li>派蒙</li>
</ul>
- 锅巴
- 奥兹
- 丘丘人
- 应急食品
<ol style="list-style:none">
<li>锅巴</li>
<li>奥兹</li>
<li>丘丘人</li>
<li>应急食品</li>
</ol>
这里的ul和ol 都会在列表前面自带一个符号或者数字 为了去掉这个数字或者改变无序列表前面的符号 请不要在html 的ul标签中使用type属性改变符号，推荐使用css属性 list-style属性来改变 前面的标志或数字
阅读上面的文档，完成以下练习
- 新建一个html页面，