【HTML 基础】02 基本标签

标题

• hn标签表示标题，作用是强调
• h1最大，h6最小
• h1可以被搜索引擎搜索到，在页面当中只能使用一次

<h1>大标题</h1>

水平线

• hr标签

<hr />

换行符

• br标签

<br />

字符实体

• 什么是字符实体?

  • 字符实体是具有特殊用途的一串字符。
  • 比如我们想在网页上面显示一个“<”小于符号，但是“<”在HTML中是文档标记的开始语言，如果我们直接使用“<”会出差错，所以我们就会一些实体名称来代替！
  • 又或者空格，不论你写多少个空格或者回车换行，浏览器都当一个空格识别，所以空格也需要一些实体名称代替。

• 常见的字符实体
  

段落

• p标签
• 会自动在其前后创建一些空白

<p>    我是一段话</p>

预格式化的文本

• pre标签
• 被包围在 pre 中的文本会保留空格和换行符

<pre>    领导：        您好！        世界那么大，我想去看看！                请假人：丰哥                2017.6.8            </pre>

文本标签

• strong 加重语气，外观是粗体字
• em 着重字，外观是斜体字
• sub 定义下标字
• sup 定义上标字
• 还有一些文本样式的标签已过时，被css代替，如font等

列表

• 无序列表
  
  • 外层是 ul 标签
  • 每个列表项是 li 标签
  • 列表项内部可以使用文字、段落、换行符、图片、链接以及其他列表等等
  • 标记样式用css实现

        <ul>            <li>中国</li>            <li>美国</li>            <li>俄罗斯</li>        </ul>

• 有序列表
  
  • 外层是 ol 标签
  • 每个列表项 li 标签
  • 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等
  • 标记样式用css实现

        <ol>            <li>西瓜</li>            <li>葡萄</li>            <li>香蕉</li>        </ol>

• 自定义列表
  
  • dl 定义列表
  • dt 自定义列表项目
  • dd 定义自定列表项的描述

        <dl>各地特产            <dt> 东北特产                <dd>人参</dd>                <dd>鹿茸</dd>                <dd>貂皮</dd>                         </dt>            <dt> 大连特产                <dd>雾霾</dd>                <dd>堵车</dd>                <dd>高房价</dd>                            </dt>        </dl>

---

【点滴分享 共同进步】

---