HTML入门:格式和语义

你的网络首码项目网 网站建设评论19字数 1332阅读模式

在这里,我们来看看HTML文档中的格式和语义。

HTML 提供文档的结构(由页面上所有单独的 HTML 元素组成)。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

HTML 还提供了 HTML 文档的语义。元素通常用于特定含义。例如,标题级别 1 比标题级别 2 更重要。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

网页上的大多数格式设置和样式都是使用 CSS 完成的。但是,浏览器以标准方式格式化某些HTML元素,而无需CSS。因此,CSS仅用于从浏览器呈现它的默认方式增强元素的呈现。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

以下是常见 HTML 元素的示例,并说明了它们的用法,以及应用于 HTML 文档时其基本格式的示例。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

标题

有一个特殊的标记用于在 HTML 中指定标题。HTML 中有 6 个级别的标题,从<h1>(表示最重要的标题)到<h6>表示最不重要的标题。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

它们分别是:文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

<strong>元素

若要高度重视一段文本,请使用<strong> 元素。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<p><>Attention:</strong> Please leave the door open.</p>

<>元素

您可以使用 <em> 元素来强调文本。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<p>Strawberries are absolutely <em>delicious</em>!</p>

换行符

可以使用 <br> 元素强制换行。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<p>Here is a <br>line break.</p>

主题间歇

您可以使用 <hr> 元素创建段落级主题分隔符。因此,此元素允许您将不同的主题划分为逻辑组。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

在 HTML 的早期版本中,此元素表示“水平线”。但是,HTML5赋予了它特定的语义含义(它表示段落级的主题中断)。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<p>Here's one topic... </p>
<hr>
<p>Here's another topic.</p>

无序(无编号)列表

若要创建无序列表,请使用 <ul> 元素定义列表,并使用 <li> 元素定义每个列表项。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ul>

有序(编号)列表

若要创建有序列表,请使用 <ol> 元素定义列表,并使用 <li> 元素定义每个列表项。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
</ol>

有序列表还是无序列表?

您可能偶尔会发现自己想知道哪个列表是最好的。以下是一些可用作指南的信息。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

有序列表
当顺序很重要时,应使用有序列表。它们应该只在以下情况下使用,如果您要更改顺序,则会更改含义。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

例如,如果步骤的顺序很重要,则应将分步说明列表放在有序列表中(即,步骤需要以与列表中显示的顺序完全相同的顺序执行)。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

另一个例子可能是按排名排序的列表,例如“前10名”列表。

无序列表
每当顺序重要时,都应使用无序列表。购物清单是无序列表的典型示例(只要您获得每个项目的顺序无关紧要)。文章源自你的网络首码项目网-https://www.youranweb.com/36.html

有序列表通常用于网站导航以显示菜单项。这些通常使用CSS设置样式,使它们看起来更像导航而不是列表。

我们将在本教程中介绍更多的HTML元素,但在我们这样做之前,您应该了解属性。文章源自你的网络首码项目网-https://www.youranweb.com/36.html 文章源自你的网络首码项目网-https://www.youranweb.com/36.html

相关文章
weinxin
你的网络首码项目网站长
本站旨在为广大网友提供一个免费、公开且和谐的互联网项目交流平台,所有文章均来自网络和网友投稿,不代表本站任何立场,请勿盲目下载注册参与,以免为您带来不必要的损失。
你的网络首码项目网
  • 声明:首码项目网所有文章均来自网络和投稿,不代表本站立场,请勿盲目下载注册,以免为您带来不必要的损失。《项目投诉》
  • 你的首码项目网

发表评论