什么是HTML?
HTML就是一种超文本标记语言(HyperText Markup Language,简称:HTML),是一种用于创建网页的标准标记语言(不是编程语言)。
HTML标签
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML标签通常是成对出现的,称为双标记,例如<p>和</p>
- HTML标签也有单独出现的,称为单标记,例如<br/>
其主要结构为:
<标签>内容</标签>
我们可以先拿一个最简单的HTML实例来了解一下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我创建的页面</title>
</head>
<body>
<p>我的第一个HTML网页</p>
</body>
</html>
<!DOCTYPE html>
声明该文档为HTML5文档
<!DOCTYPE>声明有助于浏览器中正确显示网页。
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
<html lang="en">
</html>
html为该文档的根元素,从<html>标签开始,到</html>结束.
根元素的作用就是告诉浏览器,在<html>和</html>之间的内容为HTML类型,浏览器便会按照HTML解析文档中的内容.
其中的lang属性就是指定了网页内容所使用的默认语言.
lang="en" 指定为英语
lang="zh-ch" 指定为汉语
lang="ja-jp" 指定为日语
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我创建的页面</title>
</head>
<head>元素包含了文档的元信息(meta-information)
- charset属性规定HTML文档的字符编码,常用UTF-8(Unicode字符编码,国际通用)
- http-equiv属性提供content属性的信息/值的HTTP头.其属性值可以包括content-type(规定文档的文字编码),default-style(规定要使用的预定义的样式表),refresh(定于文档自动刷新时间)
- name属性规定content属性的信息/值的名称.
- <title>标签为HTML定义标题.
<body>
<p>我的第一个HTML网页</p>
</body>
<body>标签定义文档的主体.可以在<body>标签中定义HTML文档内容.