开始学习html_在html中有两种你需要知道的重要元素-CSDN博客

本文链接：https://blog.csdn.net/weixin_43330757/article/details/113091192

在HTML中有两种你需要知道的重要元素类别，块级元素和内联元素。
块级元素在页面中以块的形式展现 —— 相对于其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容，例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。
内联元素通常出现在块级元素中并环绕文档内容的一小部分，而不是一整个段落或者一组内容。内联元素不会导致文本换行：它通常出现在一堆文字之间例如超链接元素或者强调元素和。

href: 这个属性声明超链接的web地址，当这个链接被点击浏览器会跳转至href声明的web地址。例如：href=“https://www.mozilla.org/”。
title: 标题title属性为超链接声明额外的信息，比如你将链接至的那个页面。例如：title=“The Mozilla homepage”。当鼠标悬停在超链接上面时，这部分信息将以工具提示的形式显示。
target: 目标target属性用于指定链接如何呈现出来。例如，target="_blank"将在新标签页中显示链接。如果你希望在当前标签页显示链接，忽略这个属性即可。
在这里插入图片描述
有时你会看到没有值的属性，它是合法的。这些属性被称为布尔属性，他们只能有跟它的属性名一样的属性值。例如disabled 属性，他们可以标记表单输入使之变为不可用(变灰色)，此时用户不能向他们输入任何数据。

<input type="text" disabled="disabled">
<meta charset="utf-8">

许多元素包含了name 和 content 特性：
name 指定了meta 元素的类型；说明该元素包含了什么类型的信息。
content 指定了实际的元数据内容。
在这里插入图片描述
为了将一段HTML中的内容置为注释，你需要将其用特殊的记号包括起来。

<html lang="zh-CN">

<p>日语实例: <span lang="jp">ご飯が熱い。</span>.</p>

超链接除了可以链接到文档外，也可以链接到HTML文档的特定部分（被称为文档片段）。要做到这一点，你必须首先给要链接到的元素分配一个id属性。
电子邮件链接：最基本和最常用的使用形式为一个mailto:link （链接），链接简单说明收件人的电子邮件地址。

<a href="mailto:nowhere@mozilla.org">向 nowhere 发邮件</a>

使用问号（?）来分隔主URL与参数值，以及使用&符来分隔mailto:中的各个参数。 描述列表使用与其他列表类型不同的闭合标签— <dl>; 此外，每一项都用 <dt> (description term) 元素闭合。每个描述都用 <dd> (description description) 元素闭合。
块引用
如果一个块级内容（一个段落、多个段落、一个列表等）从其他地方被引用，你应该把它用<blockquote>元素包裹起来表示，并且在cite属性里用URL来指向引用的资源。

<blockquote cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote">
  <p>The <strong>HTML <code>&lt;blockquote&gt;</code> Element</strong> (or <em>HTML Block
  Quotation Element</em>) indicates that the enclosed text is an extended quotation.</p>
</blockquote>

行内引用

<p>The quote element — <code>&lt;q&gt;</code> — is <q cite="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q">intended
for short quotations that don't require paragraph breaks.</q></p>

在这里插入图片描述
缩略语：

<p>我们使用 <abbr title="超文本标记语言（Hyper text Markup Language）">HTML</abbr> 来组织网页文档。</p>

上标和下标：

<sup> 和<sub>元素

在这里插入图片描述

<time datetime="2016-01-20">2016年1月20日</time>

在这里插入图片描述

<br> 可在段落中进行换行；<br> 是唯一能够生成多个短行结构（例如邮寄地址或诗歌）的元素。

<hr> 元素在文档中生成一条水平分割线，表示文本中主题的变化（例如话题或场景的改变）。

在这里插入图片描述