1. HTML简介
1.1 什么是HTML
超文本标记语言(HyperText Markup Language,简称HTML)。
HTML 运行在浏览器上,由浏览器来解析。
HTML 不是一种编程语言,而是一种标记语言,标记语言是一套标记标签 (markup tag)。HTML 使用标记标签来描述网页。
HTML 文档包含了HTML 标签及文本内容,HTML文档也叫做 web 页面。
1.2 HTML能做什么
可以使用 HTML 来建立自己的 WEB 站点。
1.3 HTML 标签
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如 和
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
<标签>内容</标签>
1.4 HTML 元素
“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:
<p>这是一个段落。</p>
2.用HTML写第一个网页
2.1 HTML编辑器
HTML没有特定的编辑器,只要能编辑的都能写HTML标签,VS Code 和 Sublime Text 用的比较多。
在Sublime Text中写下如下标签语言:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个HTML</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
<!DOCTYPE html>
doc type声明这是一个 HTML5 文档,前面加一个“!”是个什么鬼?这种写法让人很不适应。
<html>
和 </html>
分别是开头和结尾
<head>
和 </head>
head的开头和结尾,head里指定了编码方式UTF-8,添加了页面标题
<body>
和 </body>
之间是内容,标题,段落
2.2 调试
我写完这个后生成了一个.html的文件,将此文件直接在浏览器里打开就可以看到这样的页面了: