B/S
软件主要分C/S和B/S架构。
我们主要从事的是B/S的软件的开发。
什么是B/S
B/S中的B指的是browsers，是浏览器的意思，S指的是server，是服务器的意思。
B/S架构的软件一般是通过访问一个网页的形式来使用的，而将一些运算等操作放到远端服务器上。
W3C
W3C标准：结构（HTML） 表现（CSS）行为（JavaScript）
HTML用于描述页面的结构
CSS用于控制页面中元素样式
JavaScript用于响应用户操作
HTML
HTML（Hypertext Markup Language） 超文本标记语言。
**使用标签的形式来标识网页中不同组成部分。
超文本指的就是超链接，可以让我们从一个页面跳转到另一个页面。
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>网页标题</title>
<body>
<h1>正文<h1>
</body>
</head>
</html>
标签
HTML中的标记指的就是标签。
HTML使用标记标签来描述网页。
结构：
<标签名>标签内容</标签名>
<p>哈哈哈哈</p>
元素
我们讲一个完整的标签称为元素.
可以将元素和标签认为是一个同义词。
<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 scr="" alt="" >
常见属性
id
id属性为标签的唯一标识，在同一个网页中不能出现相同ID属性值。
class
class用来为标签分组，拥有相同class属性的标签就是一组，可以出现相同class属性，可以为一个元素指定多个class。
title
用来指定标签的标题，指定title以后，鼠标移入元素上方时，会出现提示文字。
标注
HTML注释中的内容不会在网页中显示。
格式：
<!--注释内容-->
注释不能嵌套！！！
编码问题
在计算机内部，文件都是以二进制保存。（就是0和1）
中国两个字在计算机底层保存可能要转换为10100101这种二进制，这过程称为编码。
计算机读取文件时需要将10100101在转换为中国给我显示的过程为解码
产生乱码的根本原因是，编码和解码采用的字符集不同。
解决方法：
<meta charset="utf-8"/>
字符集
编码和解码所采用的规则称为字符集，
字符集规定了如何将文本转换为二进制编码。
常见的字符集
ASKII
ISO8859-1
GBK
GB2312(中文系统的默认编码）
UTF-8（万国码，支持地球上所有的文字）
常用标签
<html>
作用：用于告诉浏览器这个文档中包含信息使用HTML编写。
用法：所有网页内容都需要编写到HTML标签中。
一个页面中HTML标签只能有一个。
HTML标签有两个字标签head和body.
<head>
作用：用来表示网页的元数据，head包含了浏览器和收缩引擎使用的其他
不可见信息。
用法：作为HTML标签子元素的出现，一个网页只能有一个head。
<title>
作用：标识网页的标题，一般在标题栏上显示。
title中的文字，是页面优化的最重要因素，在搜索引擎搜索时最先看到的 最醒目的内容。
用法：将title紧贴head编写，可以快速检索到标题标签。多个页面title不应该重复，不利于搜索隐藏检索。
<body>
作用：用来设置网页主题，所有在页面中能看到的内容都应该编写到body中
用法：作为HTML的字标签使用
<h1>~<h6>
作用：标题标签，表示网页中的一个标题。一个页面中只会使用一个h1标签。
<p>
作用：表示网页中的一个段落
作用：表示一个换行标签，使用br标签可以使br标签后的内容另起一行。
作用：是水平线标签，可以在页面中打印一条水平线，将页面分为上下两部分。
<img>
作用：是图片标签，可以用来向页面中引入一张外部图片。
属性：
src: 指向一个外部的图片路径。
alt:图片的描述
<a>
作用：是超链接标签，可以快速跳转到其他页面。
属性：
href:指向一个链接地址
target：设置打开目标页面的位置，可选值:_blank新窗口 _self当前窗口。
