1.通过使用标签 <em>
和 </em>
(在前面放置 <em>
打开元素,在后面放置 </em>
关闭元素)——这使得行内容变成斜体强调
2.你也可以把元素放到其它元素之中——这被称作嵌套。如果我们想要表明我们的小猫脾气很暴躁,可以将very嵌套在<strong>
中,意味着这个单词被着重强调
3.在HTML中有两种你需要知道的重要元素类别,块级元素和内联元素。
- 块级元素在页面中以块的形式展现 —— 相对与其前面的内容它会出现在新的一行,其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容,例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中,但可以嵌套在其它块级元素中。
- 内联元素通常出现在块级元素中并包裹文档内容的一小部分,而不是一整个段落或者一组内容。内联元素不会导致文本换行:它通常出现在一堆文字之间例如超链接元素
<a>
或者强调元素<em>
和<strong>
。
4.空元素:不是所有元素都拥有开始标签,内容和结束标记. 一些元素只有一个标签,通常用来在此元素所在位置插入/嵌入一些东西 。例如:元素<img>
是用来在元素<img>
所在位置插入一张指定的图片。例如:元素<img>
是用来在元素<img>
所在位置插入一张指定的图片。
5.属性:
元素也可以拥有属性,属性包含元素的额外信息,这些信息不会出现在实际的内容中。在上述例子中,这个class属性给元素赋了一个识别的名字(id),这个名字此后可以被用来识别此元素的样式信息和其他信息。
一个属性必须包含如下内容:
- 在元素和属性之间有个空格space (如果有一个或多个已存在的属性,就与前一个属性之间有一个空格.)
- 属性后面紧跟着一个“=”符号.
- 有一个属性值,由一对引号“ ”引起来.
另一个例子是关于元素<a>
的——元素<a>
是锚,它使被标签包裹的内容成为一个超链接。此元素也可以添加大量的属性,其中几个如下:
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">
采用如下简写更佳(下面一句为可用可输入数据的文本框,以作为对比):
<input type="text" disabled>
<input type="text">
省略包围属性值的引号:单引号和双引号不能再一个属性值里面混用,在一个HTML中已使用一种引号,你可以在此引号中嵌套另外一种引号,如果你想将引号当作文本显示在html中,你就必须使用 实体引用。
html注释:为了将一段HTML中的内容置为注释,你需要将其用特殊的记号<!--和-->包括起来