常用的 html 元素 #

标题 heading #

html 包括六个级别的标题 h1-h6 标题元素指定内容的标题和子标题

<h1>主标题</h1>
<h2>顶层标题</h2>
<h3>子标题</h3>
<h4>次子标题</h4>

页面效果：

标题有隐式的主题样式 不要使用标题元素来加大、加粗样式 因为标题对于无障碍访问和搜索引擎优化等问题非常有意义

段落 paragraph #

<p>这是一个段路</p>

p 元素指定段落，指定常规的文本内容

列表 list #

标记列表通常包括至少两个元素

1. 无序列表 unordered list 用ul包围
2. 有序列表 ordered list 用ol包围

列表的每个项目用一个列表项目list item 元素li包围

<ul>
  <li>香蕉</li>
  <li>橘子</li>
  <li>苹果</li>
</ul>
<ol>
  <li>刘亦菲</li>
  <li>刘诗诗</li>
  <li>刘若英</li>
</ol>

页面效果：

重点强调 #

html 中提供了相应的标签 用于标记某些文本 使其具有加粗、倾斜、下划线等效果

<em>倾斜</em>
<i>倾斜</i>
<strong>加粗</strong>
<b>加粗</b>
<u>下划线</u>

页面效果：

• i被用来传达传统上用斜体表达的意义：外国文字，分类名称，技术术语
• b被用来传达传统上用粗体表达的意义：关键字，产品名称
• u被用来传达传统上用下划线表达的意义：如专有名词

换行和水平分割线 #

• <br> 换行
• <hr> 水平分割线

从前有个cy<br />
她喜欢唱歌
<hr />
现在她还是喜欢唱歌

页面效果：