Hyper Text MarkupLanguage(超文本标记语言)。
超文本包括:文字、图片、音频、视频、动漫等
W3C标准
*World Wide Web Consortium(万维网联盟)
*成立于1994年,Web技术领域最权威和具影响力的 国 际中立性技术标准机构
*W3C标准包括:
结构化标准语言(XHTML 、XML)
表现标准语言(CSS)
行为标准(DOM、JavaScript )
HTML基本结构
<html >
<head>
<title>网页标题</title> <!--网页头部(用于设置网 页的一些属性)-->
</head>
<body>
网页内容<hr/> //主体部分 <!--(网页内容 编辑区)-->
</body>
</html>
注意:
1、< body>、</body>等成对的标签,分别叫开放标签和闭合标签;
2
、
单独呈现的标签
(
空元素
),
如<hr/>
;
意为用
/
来关闭空元素
;
页面规范声明DOCTYPE声明 (告诉浏览器使用什么规范)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>标题</title>
</head>
<body>
网页内容
</body>
</html>
<!DOCTYPE html>声明当前网页类型
html一个页面的“根”结点
<meta charset="UTF-8">字符集编码,编码格式是 utf-8(三码合一)
只有三码合一,才能保证当前我们浏览的页面不会出现乱码
<title>你好</title>网页的标题
编写页面时注意一点:标签要成对出现(有开始标签,就会有结束标签)
body标签里写的内容都会在浏览器端呈现
body标签里都可以放什么?答:标题标签,段落标签、页面布局标签、无序列表标签
页面编码设置
<meta>标签-用于定义文件信息
<!--给标签设置不同属性,具备不同的功能-->
<!--推荐utf-8,还可设置为 gb2312-->
<meta http-equiv="Content-Type" content="text/html; charset= utf-8 " />
注意:
1
、
gb2312包含全部中文字符
; utf-8
则包含全世界所有国家需要用到的字符
2
、
页面编码应与页面文件保存时的编码一致
标签 | 说明 | 例子 |
---|---|---|
<h1>~<h6>
|
标题标签
(head)
|
<h1>
清平乐
·
年年雪里
</h1>
|
<p>
|
段落标签 (paragraph
)
|
<p>
年年雪里
,
常插梅花醉
..</p>
|
<br/>
|