前端开发-从入门到放弃-HTML02-简介
一、HTML文件中各字段含义
1.<!DOTYPE html>是声明文档,此处将文档声明为HTML5文档。
2.<html>是HTML的根元素,表示HTML内容从这里开始。
3.<head>是头部元素,包含文档(meta)数据,这里的内容不会直接显示在网页上。
4.<title>元素声明了文档元数据:文档标题。
5.<body>元素声明了HTML正文内容从这里开始
6.<h1>元素可以定义一个大标题,以及h2-5分别都是不同级别的标题。
7.<p>元素声明了一个段落。
二、HTML是什么
1.HTML指超文本标记语言:Hyper Text Markup Language
2.HTML不是一种编程语言,而是一种标记语言
3.标记语言是一套标记标签(markup tag)
4.HTML使用标记标签来描述网页
5.HTML文档包含了HTML标签及文本内容
6.HTML文档也叫web页面
三、HTML标签(HTML tag)
1.HTML标签是由尖括号包围的关键词,比如<html>
2.HTML标签通常是成对出现的,比如<b>和</b>
3.标签对中的第一个标签是开始标签,第二个是结束标签
4.开始和结束标签也称为开放和闭合标签<标签>和</标签>
四、HTML元素
"HTML标签"和"HTML元素"通常都是描述同样的意思;
但HTML元素包含了开始、结束标签。
<p>这是一个段落标签</p>
五、WEB浏览器
web浏览器(Chrome(谷歌浏览器)、Firefox(火狐浏览器)、Internet Explorer(IE浏览器)、Safari(mac操作系统特有浏览器));
浏览器不是直接显示HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户。
六、HTML网页结构
一般HTML网页,都会有如下结构:
<html>
<head>
<title>页面标题<\title>
<\head>
<body>
<h1>这是一个标题<\h1>
<p>这是一个段落<\p>
<p>这是另一个段落<\p>
<\body>
<\html>
注意:doctype声明是不分大小写的,但推荐大写。
七、HTML各推荐标准通用声明
1.HTML5
<!DOCTYPE html>
2.HTML4.02
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3.XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
八、中文编码
例子:HTML设置utf-8编码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>声明utf-8编码<\title>
</head>
<body>
<h1>UTF-8</h1>
<p>utf-8</p>
<\body>
</html>