解析HTML文档:
<!DOCTYPE html>
— 文档类型。<html></html>
—<html>
元素。这个元素包含了整个页面的内容,有时也被称作根元素。<head></head>
—<head>
元素。这个元素可以包含你想添加的所有内容,但是不会被用户所看到。<body></body>
—<body>
元素。这个元素包含了你想让用户在访问你的页面时看到的内容.<meta charset="utf-8">
— 这个元素指定了你的文档需要使用的字符编码是 UTF-8 ,它包括了非常多人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容。我们没有任何理由不去设定字符编码,而且也可以避免以后可能出现的问题。<title></title>
—<title>
元素。这个元素设置了页面的标题,标题显示在浏览器标签页上,而且在你将网页添加到收藏夹或喜爱中时将作为默认名称。
图像
<img>元素,将图像嵌入到元素所在位置。它通过包含图像文件路径的 src
(source) 属性实现这一功能。
<img src="images/firefox-icon.png" alt="My test image">
alt
(alternative) 属性 —— 这个属性是图像的描述内容,当图像损坏时,可以在图像位置显示
标记文本:
标题:(不同于页面标题title)
HTML 包括六个级别的标题, <h1>
–<h6>
,虽然你可能只会用到 3-4 最多。
段落:
<p>
元素是用来指定段落的。你会经常使用它来指定常规的文本内容
列表:
最常用的列表类型是有序列表( ordered lists )和无序列表( unordered lists )
链接:
链接非常重要 — 它们让 Web 成为了 WEB(万维网)。要植入一个链接,我们需要使用一个简单的元素 — <a>
— a 是 "anchor" (锚)的缩写。
要将一些文本添加到链接中,只需如下几步:
- 选择一些文本。我们选择“Mozilla Manifesto”。
- 将文本包含在
<a>
元素内,就像这样:<a>Mozilla Manifesto</a>
- 赋予
<a>
元素一个href
属性,就像这样:<a href="">Mozilla Manifesto</a>
- 把你想要链接的网址放到该属性内:
<a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla
href
代表hypertext reference (超文本引用)。