HTML基础
超文本标记语言 (英语:Hypertext Markup Language,简称:HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是:一组段落、一个重点信息列表、也可以含有图片和数据表。
HTML 元素
这个元素的主要部分有:
- 开始标签(Opening tag):包含元素的名称(本例为 p),被大于号、小于号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
- 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果。
- 内容(Content):元素的内容,本例中就是所输入的文本本身。
- 元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。
元素也可以有属性(Attribute):
属性包含了关于元素的一些额外信息,这些信息本身不应显现在内容中。本例中,class
是属性名称,editor-note
是属性的值 。class
属性可为元素提供一个标识名称,以便进一步为元素指定样式或进行其他操作时使用。
属性应该包含:
- 在属性与元素名称(或上一个属性,如果有超过一个属性的话)之间的空格符。
- 属性的名称,并接上一个等号。
- 由引号所包围的属性值。
HTML文档
<!DOCTYPE html>
— 文档类型。混沌初分,HTML 尚在襁褓(大约是 1991/92 年)之时,DOCTYPE
用来链接一些 HTML 编写守则,比如自动查错之类。DOCTYPE
在当今作用有限,仅用于保证文档正常读取。现在知道这些就足够了。<html></html>
— `` 元素。该元素包含整个页面的内容,也称作根元素。<head></head>
— `` 元素。该元素的内容对用户不可见,其中包含例如面向搜索引擎的搜索关键字(keywords)、页面描述、CSS 样式表和字符编码声明等。<meta charset="utf-8">
— 该元素指定文档使用 UTF-8 字符编码 ,UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容,还可以避免以后出现某些问题,没有理由再选用其他编码。<title></title>
— `` 元素。该元素设置页面的标题,显示在浏览器标签页上,也作为收藏网页的描述文字。<body></body>
— `` 元素。该元素包含期望让用户在访问页面时看到的内容,包括文本、图像、视频、游戏、可播放的音轨或其他内容。
标记文本
-
标题(Heading)
<h1>主标题</h1> <h2>顶层标题</h2> <h3>子标题</h3> <h4>次子标题</h4>
-
段落(Paragraph)
<p>这是一个段落</p>
-
列表(List)
列表的每个项目用一个列表项目(List Item)
<li>
元素包围。eg:<p>Mozilla 是一个全球社区,这里聚集着来自五湖四海的</p> <ul> <li>技术人员</li> <li>思考者</li> <li>建造者</li> </ul> <p>我们致力于……</p>
链接
要将一些文本添加到链接中,只需如下几步:
-
选择一些文本。比如 “Mozilla 宣言”。
-
将文本包含在
</a>
元素内,就像这样:<a>Mozilla 宣言</a>
-
为此
</a>
元素添加一个href
属性,就像这样:<a href="">ZTE中兴</a>
-
把属性的值设置为所需网址:
<a href="https://www.zte.com.cn/china/">ZTE中兴</a>
如果网址开始部分省略了 https://
或者 http://
,可能会得到错误的结果。在完成一个链接后,可以试着点击它来确保指向正确。