软件主要分两种架构C/S和B/S。
B/S中的B指的是browsers，是浏览器的意思，S值Server指服务器的意思
根据W3C标准，一个网页主要由三部分组
成：结构、表现还有行为。
什么是结构、表现、行为：
结构：HTML用于描述页面的结构；表现：CSS用于控制页面中元素的样式；行为：JavaScript用于响应用户操作
W3C专门为了定义网页相关的标准而成立。
W3C定义了网页中的HTML、CSS、DOM、HTTP、XML等标准
一个最基本的HTML页面：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
标签：
HTML中的标记指的就是标签。
• HTML使用标记标签来描述网页。
• 结构：
<标签名>标签内容</标签名>
<标签名 />
元素：
我们还将一个完整的标签称为元素。
<h1>一级标题</h1> 上边的h1我们就称为元素
<p>我是一个<em>段落</em></p> p也是一个元素，em是p的子元素，p是
em的父元素。
<body>
<p><em>内容</em></p>
</body>
body也是一个元素。
body是p和em的祖先元素。
p和em是body的后代元素。
属性：
可以为HTML标签设置属性。
通过属性为HTML元素提供附加信息。
属性需要设置在开始标签或自结束标签中。
属性总是以名称/值对的形式出现。
比如：name=“value”
有些属性可以是任意值，有些则必须是指定值。
<h1 title="我是一个标题">标题</h1>
<img src="" alt="" />
常见属性：
id ------id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。
class -------class属性用来为标签分组，拥有相同class属性的
标签我们认为就是一组，可以出现相同的class属
性，可以为一个元素指定多个class。
title-------title属性用来指定标签的标题，指定title以后，鼠标移入到元素上方时，会出现提示文字。
注释
HTML注释中的内容不会在网页中显示。
• 格式: <!-- 注释内容 -->
合理的使用注释可以帮助开发人员理解网页的代码。
注释不能嵌套！
怪异模式：
标准模式----怪异模式
怪异模式解析网页时会产生一些不可预期
的行为，所以我们应该避免怪异模式的出
现。
避免的最好方式就是在页面中编写正确的doctype
字符集
常见的字符集：ASKII、ISO8859-1、GBK、GB2312、UTF-8。
乱码
如果我们保存文件时使用的是utf-8进行编
码，而浏览器读取页面时使用gb2312，这
样就会导致页面中的内容不能正常显示，
也就是我们所说的乱码。
所以我们只需要统一两者使用的字符集就可以解决乱码问题
这里为了页面有更好的使用性，我们一般使用utf-8
解决
<meta charset="utf-8" />
<meta>
作用：<meta> 标签可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。
– <meta> 标签位于文档的头部，不包含任何内
容。<meta> 标签的属性定义了与文档相关联
的名称/值对。
meta的用法
设置页面的字符集 ：<meta charset="utf-8">
设置网页的描述 ：<meta name="description" content="">
设置网页的关键字：<meta name="keywords" content="">
请求的重定向：<meta http-equiv="refresh" content="5;url=地址"/>
<html>
作用：<html>标签用于告诉浏览器这个文档中包含的信息是用HTML编写的。
用法：所有的网页的内容都需要编写到html标签中，一个页面中html标签只能有一个。
html标签中有两个子标签head和body 。
<head>
作用：<head>标签用来表示网页的元数据，head中
包含了浏览器和搜索引擎使用的其他不可见信
息。
用法：head标签作为html标签的子元素的出现，一个网页中只能有一个head。
<title>
作用：<title>标签表示网页的标题，一般会在网页的标题栏上显示。
title标签中的文字，是页面优化的最重要因素。在
搜索引擎的搜索时最先看到的、最醒目的内容。
用法：建议将title标签紧贴着head标签编写，这样搜索引擎可以快速检索到标题标签。
网站中的多个页面的title也不应该重复，这样不利于搜索隐藏检索。
<body>
作用：<body>标签用来设置网页的主体，所有在页
面中能看到的内容都应该编写到body标签中。
用法：body标签作为html的子标签使用
<h1>~<h6>
作用：h1~h6都是网页中的标题标签，用来表示网页
中的一个标题，不同的是，从h1~h6重要性越
来越低。
<p>
<p>标签表示网页中的一个段落。
一般浏览器会在段落的前和后各加上一个换行，也就是段落会在页面中自成一行。
<br />
作用：<br />标签表示一个换行标签，使用br标签可以使br标签后的内容另起一行
<hr />
作用：hr />标签是水平线标签，使用hr标签可以在
页面中打印一条水平线，水平线可以将页面分
成上下两个部分。
<img />
作用：< img />标签是图片标签，可以用来向页面中引入一张外部的图片。
属性：src：• 指向一个外部的图片的路径
alt：图片的描述
<a>
作用：<a>标签是超链接标签，通过a标签，可以快速跳转到其他页面。
属性：href：指向一个链接地址
target：设置打开目标页面的位置，可选值：_blank新窗口、_self当前窗口。
实体字符
• 小于号<
– <
• 大于号>
– >
• 空格
–
• 和符号&
– &
• 版权©
– ©
• 引号”
– "
• 注册商标®
– ®
• 商标™
– ™
基本语法
CSS的样式表由一个一个的样式构成，一个样式又由选择器和声明块构成。
语法：-选择器 {样式名:样式值；样式名:样式值 ; }
– p {color:red ; font-size:12px;}
行内样式：
<p style="color: red;font-size: 30px"></p>
内部样式表：
<style>
p{color:red; font-size: 30px;}
</style>
外部样式表：
<link rel="stylesheet" type="text/css"
href="style.css">
网友评论