谢谢你陪我读完这么多材料! 我们已经通过了基础训练 介绍 与HTML 最基本的 必需的元素 HTML所以这次我们要潜得更深一些. 继续阅读,不要局限于你在网页上所能找到的最常见的元素. 这些元素会让你的页面看起来像是投入了很多精力.

正如前几篇关于web开发基础的文章所讨论的,网站是建立在这个基础上的 超文本标记语言 而HTML则围绕着标签. Tags are not displayed on your browser; they’re used on the back end to label pieces of content. 超出必需标记的级别是普通标记, 哪些是在body标签中找到的,并用于显示内容. 这些包括:   

  • 标题标签
  • 段落标记
  • 项目符号/无序列表标记
  • 锚标记
  • Div标签

标题标签

标题标签用于内容组织. The available heading tags are

,

,

,

,

, and
; each always has its own closing tag. 把网页的标题结构想象成一个金字塔. 最重要的内容放在最上面, 支持下两个层次的细节, 侧边栏详细说明之后的两个级别, 最下面是最不相关的信息. 最上面的标题用得最少, 当你往下看金字塔的每一层, 这些标题会被越来越多地使用. 请参阅下面的示例(请继续关注更多关于这方面的信息,以及它是如何影响你的网站SEO的).

 

段落标记

These tags,

, are primarily used to contain paragraphs. 通常,任何不是标题或项目符号列表的内容都应该放在这些标签中. 尽量只在网站的主要内容区域使用这些标签. 在其他地方使用它们并没有错, 但是将这些标记保留在主要内容区域有助于代码的清晰性和整个文档的组织.

列表标签

在HTML中,项目符号和编号列表分别被认为是“无序”和“有序”列表. These elements consist of a single pair of

    or
      tags to denote the starting and stopping points of a list. These tags house numerous list item,
    1. , elements inside. 参见以下示例.

      项目符号列表= HTML无序列表

      HTML有序列表

      锚标记

      这些标签用于创建跨网站和网站外的链接——它通常用于任何你想要点击的东西. 其中包括开始和结束标记, 以及您希望引导用户到的URL,以及您希望在超链接中显示的文本, 也称为锚文本. 最基本的格式如下所示.

      可见的文字,你想做一个可点击的链接

      结果会像这样显示: 可见的文字,你想做一个可点击的链接

      还有其他让元素可点击的方法, 但是当我们讨论使用JavaScript的更复杂的概念时,我们会进一步深入.

      Div元素

      这个简单的标签就像乐高世界的2×4积木——它多才多艺,你可以用它做很多事情. 它基本上是一个简单的容器,围绕着页面的其他元素,使组织和划分文档变得容易. 它可以用来对元素进行分组,并一次性将CSS样式分配给该组.

      请继续关注我下一篇文章中关于HTML的更多内容!