标题
HTML 中的所有标题标签,<h1>
到 <h6>
均可使用。另外,还提供了 .h1
到 .h6
类,为的是给内联(inline)属性的文本赋予标题的样式。
在标题内还可以包含 <small>
标签或赋予 .small
类的元素,可以用来标记副标题。
我是1级标题 我是标题后的小字
我是2级标题 我是标题后的小字
我是3级标题 我是标题后的小字
我是4级标题 我是标题后的小字
我是5级标题 我是标题后的小字
我是6级标题 我是标题后的小字
段落
这几天心里颇不宁静。今晚在院子里坐着乘凉,忽然想起日日走过的荷塘,在这满月的光里,总该另有一番样子吧。月亮渐渐地升高了,墙外马路上孩子们的欢笑,已经听不见了;妻在屋里拍着闰儿,迷迷糊糊地哼着眠歌。我悄悄地披了大衫,带上门出去。
分隔线
缩略语
HTML is the best thing since sliced bread.
键盘文本
按ctrl+v可以复制。
引用
好好学习,天天向上。
代码块
alert(1)
列表
无序列表
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
有序列表
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
无样式列表
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
内联列表
通过设置 display: inline-block;
并添加少量的内补(padding),将所有元素放置于同一行。
描述
使用dl
dt
dd
的列表
- Description lists
- A description list is perfect for defining terms.
- Euismod
- Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
- Donec id elit non mi porta gravida at eget metus.
- Malesuada porta
- Etiam porta sem malesuada magna mollis euismod.