一、HTML的概念
HTML： 四个单词的缩写（hyper text mackup language）
超文本标记语言
.xml: 可扩展标记语言。之前想存储数据，但是被（JSON）干掉了。最大的作用：作为配置文件。
1、超文本：和普通文本不同的是，
可以有颜色、样式，有色有形，可以点击，可以跳转，可以显示图片，可以看视频，可以有声音。
2、特点：不同于Java，
前后
没有逻辑性，由标签组成; 标记语言，就是有很多标签。
3、
有自动纠错功能，纠错功能不是HTML本身的功能，而是浏览器会进行纠错。
二、网页的运行方式
1、网页保存在
服务器；
2、网页是在
本地的浏览器运行的
输入网址 → 请求地址：URL →
用户 浏览器 服务器
← 看到网页内容 ← 响应到浏览器
三、软件的两种架构
BS：浏览器服务器架构（可以直接用浏览器去访问）
开发成本低，访问浏览器的时候压力（大）在服务端；安装部署和升级只需要服务端升级，所以维护成本低；安全性低；
CS：客户端服务器架构 （要下载客户端去访问的，不能直接在网页中访问）
访问时是已经下载好的，访问的压力（小）放到玩家；安装部署和升级需要服务端和客户端升级，所以维护成本高；客户端是独立的，安全性高；
四、为什么会有HTML5这个版本？
主要是
为了适应移动客户端的网页显示，同一个网页可以放在不同设备上自适应屏幕的显示（可以自动适应分辨率，即：适应屏幕的宽度）。
支持大部分浏览器：
Firefox(火狐) IE chrome(谷歌) safari(苹果系统的)
市面上大部分浏览器都是支持的，
不同浏览器之间会存在差异（出现的效果不一样）
HTML5可以做游戏以及很多事情。
五、网页的基本结构
<!DOCTYPE html>
<html lang="en"> //en 代表英文
<head> //网页的头部
头部三个功能： ※ 设置网页的标题；
※ 设置网页的编码格式；
※ 告诉搜索引擎，网页的搜索关键字（可选）
<meta charset="UTF-8"> //确定网页的编码格式
<meta content="前端工程师，产品经理" name="keywords">
<title>我的第一个网页文件</title> //网页标题
</head>
<body> //网页的主体部分
//内容存放在网页主题中，F12可以进行网页调试
</body>
</html>
六、
总结：
1、网页必须以HTML开头，且以 / html 结束；
2、网页是由头部和主体组成，head 和 body 标签；
3、内容是放在body标签中
4、头部主要有
三个功能：
※ 设置网页的标题；
※ 设置网页的编码格式；
※ 告诉搜索引擎，网页包含的关键字和描述信息（可选）
※ 设置网页标题前面的小图标；
5、访问地址
本地访问的格式
|
file://
|
表示访问协议
|
|
c:/users/rongqi/desktop/
|
本机地址根目录
|
|
hello.html
|
访问的文件名称
|
网络访问的格式：
http:// localhost:63342/1901/html/protect01.html/
|
localhost
|
服务器地址（表示本机的IP地址，同等127.0.0.1）
|
|
1901
|
表示项目地址
|
|
html
|
表示模块地址
|
网络访问必须有
三个要素：
协议 IP地址 端口
注意：在IDEA开发当中，网页是放在服务器上的，运行在你选择的浏览器上。
七、网页结构常用的标签
|
标签名
|
作用
|
|
html
|
表示网页的开始和结束
|
|
head
|
表示网页的
头部，设置标题，设置编码，设置关键字，设置标题前的小图标。
|
|
body
|
表示网页的
主体，有一个常用的属性，bgcolor：设置背景颜色。
|
|
注释
|
格式：<!---->,不可以嵌套（注释里面不可以再进行注释）
|
227
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
