HTML基础

文字基础

标题和段落

<h1>标题</h1>
<p>段落</p>

列表

• 无序列表

<ul>
  <li>行1</li>
  <li>行2</li>
  <li>行3</li>
</ul>

• 有序列表

<ol>
  <li>行1</li>
  <li>行2</li>
  <li>行3</li>
</ol>

• 嵌套列表

<ol>
  <li>行1</li>
    <ul>
      <li>行1</li>
    </ul>
  <li>行2</li>
  <li>行3</li>
</ol>

重点强调

<em>斜体强调</em>
<strong>加粗强调</strong>

斜体粗体下划线

<i>  <b>  <u>

超链接

<a href="www.baidu.com" title="描述，鼠标停在此元素上时会显示的内容">搜索</a>

文本格式化

描述列表(Description Lists)

描述列表使用与其他列表类型不同的闭合标签<dl>，每一项都用<dt>元素闭合，每个描述都用<dd>元素闭合。

<dl>
  <dt>名词1 soliloquy</dt>
  <dd>描述内容 In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)</dd>
  <dt>名词2  monologue</dt>
  <dd>描述内容 In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.</dd>
  <dt>名词3 aside</dt>
  <dd>描述内容 In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought or piece of additional background information.</dd>
</dl>

引用 Blockquote

<blockquote>引用块<blockquote>

缩写 Abbreviation

鼠标停在HTML时会显示abbr元素中的title值。

<p>We use <abbr title="Hypertext Markup Language">HTML</abbr> to structure our web documents.</p>

上标和小标

<p>上标 25<sup>th</sup></p>
<p>下标 C<sub>8</sub></p>

文件和网站结构