Html内容与格式

2022-04-22

2分钟阅读时长

HTML的主要工作是编辑文本结构和文本内容，以便浏览器能正确的显示

标题和段落

在HTML中，每个段落是通过 <p>元素标签进行定义的。

<p>这是一个段落。</p>

每个标题是通过“标题标签”进行定义的：

<h1>我是文章的标题</h1>

有六个标题元素标签 —— <h1>、<h2>、<h3>、<h4>、<h5>、<h6>。每个元素代表文档中不同级别的内容; <h1> 表示主标题，<h2> 表示二级子标题，<h3> 表示三级子标题，等等。

只对每个页面使用一次<h1> — 这是顶级标题。

确保在层次结构中以正确的顺序使用标题。不要使用<h3>来表示副标题，后面跟<h2>来表示副副标题。

列表

有序列表

<ol>
  <li>xxx</li>
  <li>xxx</li>
  <li>xxx</li>
  <li>xxx</li>
</ol>

效果：

无序列表

<ul>
  <li>xxx</li>
  <li>xxx</li>
  <li>xxx</li>
  <li>xxx</li>
</ul>

效果：

强调、斜体、下划线…

<stong>xxx</strong>用来表示强调。

<i> 被用来传达传统上的斜体

<b>被用来传达传统上的粗体

<u>被用来传达传统上的下划线

HTML中的计算机代码处理

<code>: 用于标记计算机通用代码。
<pre>: 用于保留空白字符（通常用于代码块）——如果您在文本中使用缩进或多余的空白，浏览器将忽略它，您将不会在呈现的页面上看到它。但是，如果您将文本包含在<pre></pre>标签中，那么空白将会以与你在文本编辑器中看到的相同的方式渲染出来。
<var>: 用于标记具体变量名。
<kbd>: 用于标记输入电脑的键盘（或其他类型）输入。
<samp>: 用于标记计算机程序的输出。