网络 101: HTML的通用元素
谢谢你和我一起看完这些密集的材料! 凯时体育已经经历了一个基本的 介绍 与HTML 最基本的 必需的元素 HTML,所以这次凯时体育要潜得更深一些. 继续阅读,阅读网页上最常见的元素. 这些元素开始让您的页面看起来像是投入了真正的努力.
正如在前几篇关于web开发基础的文章中所讨论的,网站是建立在这些基础之上的 超文本标记语言 而HTML则围绕着标签. Tags are not displayed on your browser; they’re used on the back end to label pieces of content. 超出所需标记的级别是普通标记, 哪些是在正文标记中找到的,并用于显示内容. 这些包括:
- 标题标签
- 段落标记
- 项目符号/无序列表标记
- 锚标记
- 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,
项目符号列表= HTML无序列表
编号列表= HTML有序列表
锚标记
这些标签用来在你的网站内外创建链接——它通常用于任何你想要点击的东西. 其中包括开始标记和结束标记, 以及一个您想要引导用户到的URL和您想要在超链接中显示的文本, 也称为锚文本. 最基本的格式如下例所示.
可见文本,你想要做一个可点击的链接
最终会显示成这样: 可见文本,你想要做一个可点击的链接
还有其他方法可以使元素变为可点击的, 但当凯时体育讨论使用JavaScript的更复杂概念时,凯时体育会更深入地讨论.
Div元素
这个简单的标签就像乐高世界里的2×4砖块——它是万能的,你可以用它做很多事情. 它基本上是一个简单的容器,围绕着页面的其他元素,便于组织和划分文档. 它可以用于对元素进行分组,并一次为该组分配CSS样式.
请在我的下一篇文章中继续关注HTML!