charset
字符集
html初识 了解
认识浏览器
注
浏览器是运行网页的平台
渲染引擎，除了火狐（Gecko)、Safari（Webkit）外，市面上浏览器都是Blink内核及其变种，国产浏览器其实没有自己的内核
JS引擎，用来解释并执行Js代码，谷歌的V8引擎太好用，出现node编程，详见Node
WEB标准
遵循web标准，可方便开发者开发，保证各浏览器效果一致
W3C,万维网联盟组织，制定WEB标准的机构
| 构成 | 语言 | 说明 |
|---|---|---|
| 结构 | HTML | 页面元素和内容 |
| 表现 | CSS | 网页元素的外观和位置等页面样式 |
| 行为 | Javascript | 网页模型的定义与页面交互 |
HTML概述
警告
标记语言还有Markdown，他们都不是编程语言
HTML超文本标记语言，一种描述性标记语言，超文本包括图片、视频、音频、动画等多媒体内容
HTML历史
XHTML是严格、纯净的HTML，强调标签名同一用大写
HTML专有名词
标记/标签：如<p>开始标记，</p>结束标记
元素：如<p>内容</p>
DHTML：动态HTML
HTTP： 超文本传输协议
SMTP：邮件传输协议
FTP：文件传输协议
标记分类
双边标记
由开始标记和结束标记构成
单边标记
严格来说，叫自结束标记，比如img标签
骨架标记
构成HTML基本结构的标记，详见下面的骨架结构
骨架结构
Emment语法
html:5快速生成HTML骨架结构
文档声明头
注
告知浏览器网页采用的HTML或者XHTML版本
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
</body>
</html><html>
注
告知浏览器网页采用的语言，也是根标签
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial- scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="Author" content="">
</head>
<body>
<h1>注释</h1>
<p>显示在网页的内容</p>
</body>
</html><html lang="zh-cmn-Hans"> //简体中文，建议不用zh-cn
<html lang="en"> //英文<head>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial- scale=1.0">
<meta name="Author" content="">
</head>
<body>
<h1>注释</h1>
<p>显示在网页的内容</p>
</body>
</html><meta>
重要
meta标签方便网站SEO
viewport
视口
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> //编码格式
<meta name="viewport" content="width=device-width, initial-scale=1.0"> //视口，用户看到的范围
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta name="description" content="教程,html">
<meta name="keywords" content="html"><link>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> //网站小图标
<link rel="stylesheet" href="style.css"> //导入外部css
<link rel="alternate" href="rss.xml" type="application/rss+xml" title="RSS"><style>
<style>
//css代码书写处
</style><title>
<title>网站标题</title><body>
内容书写处