1.网络
Internet?实际上由多个计算机所组成的网络结构。
1.1提供的服务？
email:邮件服务
ftp:文件的上传和下载
bbs:电子公告栏，百度贴吧
telnet:远程登录
2.web的工作原理：
基于 浏览器/服务器 模式的程序(B/S)
3.客户端访问服务器？
域名，服务器的IP地址
3.web服务器
1.存储Web上内容信息
2.接收客户端的请求，并给出响应
3.具备一定的安全功能
开始-输入cmd-ping www.baidu.com
补充：
editplus操作
1.在editplus文件中 创建.html模板
2.Tools-preferences-file-templates-html-file name重新选定模板
3.快速查看网页效果 快捷键:ctrl+B
4.Tools-preference-tools-browser-指定浏览器(若不可以，选路径浏览器)
5.取消.bak文件
Tools-preference-file-取消 Creat backup file when saving
6.修改编码格式：
Tools-preference-file-Default Encoding 设置为UTF-8即可
1.web浏览器
1.可以替代用户提交请求
2.作为html/css/js(javascript)的解析器
3.以图像化的方式显示网页文档
2.浏览器产品
1.IE
2.Google
3.Firefox 火狐
4.Opera 欧朋
5.safari 苹果
其它浏览器：2345浏览器，360，猎豹，搜狗,UC浏览器.....
3.Web相关技术
1.服务器技术
运行在服务器端，基本的能力访问数据库
后台语言：
c++/java....
1.php 中小型企业
2.jsp 大型企业，国有企业
3.asp
4.asp.net
5.python
6.nodeJS
2.客户端（浏览器）
作用：负责解析前端网页的语言
1.html
2.css
3.js
bootstrap JQuery JQueryMobile 类库
vue react angular node....框架
一、html概述
HMTL其实就是开发Web网页程序的一种语言
1.什么是HTML？
Hyper text markup language 超文本标记语言
ex:a 完全没有任何意义
超级文本a标签：有意义，可点击
语言：拥有自己的语法结构
2.特点
1.由HTML编写的文本且以.html或.htm为结尾
2.由浏览器解析执行
3.可以嵌套脚本语言（javascript,vbscipt)
4.用带有尖括号的“标记”来标识
3.HTML语言规范
1.标记
什么是标记？
标记是由尖括号包围起来的关键词（字），描述功能的符号，比如<a>
**:<a>fsklfjldsfdslf</a>
写的时候一定一对一对的写，防止丢失
2.标记分类
1.封闭类型（双标记）
语法：<标记>内容</标记>
**：有开始必须有结束，否则会影响其它元素及整个网页
<a>内容</a>
<b>内容</b>
<p>内容</p>
2.非封闭类型（单标记或空标记）
ex:<br/>或<br>
<hr/>或<hr>
<img/>
4.元素（包含内容）
元素即是标签即标记
1.元素嵌套
在一个元素里面直接嵌套另外一个元素
语法：
<标记>
<标记>
<标记>。。。。内容</标记>
</标记>
</标记>
**:1.注意嵌套的顺序
<p><a><b></a></b></p>错误嵌套
2.注意嵌套代码的一个缩进关系
2.元素的属性和值
ex:<img src="images/apple.jpg"/>
<img src="" title="" alt="图片路径错误，请修改" />
<img src />错误
语法：<标记 属性="属性值" 属性="属性值" /></标记>
**：属性值必须位于标记中
多个属性之间必须用空格隔开
属性和属性值之间用"="连接，属性值必须用双引号""或单引号''引起来
一个元素允许有多个属性，多个属性之间排名不分先后，中间用空格分开
追加：
通用属性：大部分元素标签都具备的属性
id:元素在页面中的唯一标记（独一无二)
class:(css中使用)指定元素的类选择器
title:鼠标移入到元素时，所提示的文字
style:定义元素的行内样式(css中使用)
3.注释
要编写在源文档中，但不想被浏览器解释运行的内容
语法：<!-- 注释内容 -->
注意：
1本身不能嵌套
<!-- 注释内容1 <!-- 注释内容1 --> --> 错误
2不能出现在标记中
二、HTML文档结构
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
内容部分
</body>
</html>
***:文档的名称是由点前点后组成 ，比如：index.html (index是名字，点后面 html是扩展名), 组织-(文件夹和搜索选项）文件夹选项-查看-隐藏已知文件类型的扩展名（对勾去掉)
菜鸟教程：http://www.runoob.com/
Internet?实际上由多个计算机所组成的网络结构。
1.1提供的服务？
email:邮件服务
ftp:文件的上传和下载
bbs:电子公告栏，百度贴吧
telnet:远程登录
2.web的工作原理：
基于 浏览器/服务器 模式的程序(B/S)
3.客户端访问服务器？
域名，服务器的IP地址
3.web服务器
1.存储Web上内容信息
2.接收客户端的请求，并给出响应
3.具备一定的安全功能
开始-输入cmd-ping www.baidu.com
补充：
editplus操作
1.在editplus文件中 创建.html模板
2.Tools-preferences-file-templates-html-file name重新选定模板
3.快速查看网页效果 快捷键:ctrl+B
4.Tools-preference-tools-browser-指定浏览器(若不可以，选路径浏览器)
5.取消.bak文件
Tools-preference-file-取消 Creat backup file when saving
6.修改编码格式：
Tools-preference-file-Default Encoding 设置为UTF-8即可
1.web浏览器
1.可以替代用户提交请求
2.作为html/css/js(javascript)的解析器
3.以图像化的方式显示网页文档
2.浏览器产品
1.IE
2.Google
3.Firefox 火狐
4.Opera 欧朋
5.safari 苹果
其它浏览器：2345浏览器，360，猎豹，搜狗,UC浏览器.....
3.Web相关技术
1.服务器技术
运行在服务器端，基本的能力访问数据库
后台语言：
c++/java....
1.php 中小型企业
2.jsp 大型企业，国有企业
3.asp
4.asp.net
5.python
6.nodeJS
2.客户端（浏览器）
作用：负责解析前端网页的语言
1.html
2.css
3.js
bootstrap JQuery JQueryMobile 类库
vue react angular node....框架
一、html概述
HMTL其实就是开发Web网页程序的一种语言
1.什么是HTML？
Hyper text markup language 超文本标记语言
ex:a 完全没有任何意义
超级文本a标签：有意义，可点击
语言：拥有自己的语法结构
2.特点
1.由HTML编写的文本且以.html或.htm为结尾
2.由浏览器解析执行
3.可以嵌套脚本语言（javascript,vbscipt)
4.用带有尖括号的“标记”来标识
3.HTML语言规范
1.标记
什么是标记？
标记是由尖括号包围起来的关键词（字），描述功能的符号，比如<a>
**:<a>fsklfjldsfdslf</a>
写的时候一定一对一对的写，防止丢失
2.标记分类
1.封闭类型（双标记）
语法：<标记>内容</标记>
**：有开始必须有结束，否则会影响其它元素及整个网页
<a>内容</a>
<b>内容</b>
<p>内容</p>
2.非封闭类型（单标记或空标记）
ex:<br/>或<br>
<hr/>或<hr>
<img/>
4.元素（包含内容）
元素即是标签即标记
1.元素嵌套
在一个元素里面直接嵌套另外一个元素
语法：
<标记>
<标记>
<标记>。。。。内容</标记>
</标记>
</标记>
**:1.注意嵌套的顺序
<p><a><b></a></b></p>错误嵌套
2.注意嵌套代码的一个缩进关系
2.元素的属性和值
ex:<img src="images/apple.jpg"/>
<img src="" title="" alt="图片路径错误，请修改" />
<img src />错误
语法：<标记 属性="属性值" 属性="属性值" /></标记>
**：属性值必须位于标记中
多个属性之间必须用空格隔开
属性和属性值之间用"="连接，属性值必须用双引号""或单引号''引起来
一个元素允许有多个属性，多个属性之间排名不分先后，中间用空格分开
追加：
通用属性：大部分元素标签都具备的属性
id:元素在页面中的唯一标记（独一无二)
class:(css中使用)指定元素的类选择器
title:鼠标移入到元素时，所提示的文字
style:定义元素的行内样式(css中使用)
3.注释
要编写在源文档中，但不想被浏览器解释运行的内容
语法：<!-- 注释内容 -->
注意：
1本身不能嵌套
<!-- 注释内容1 <!-- 注释内容1 --> --> 错误
2不能出现在标记中
二、HTML文档结构
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
内容部分
</body>
</html>
***:文档的名称是由点前点后组成 ，比如：index.html (index是名字，点后面 html是扩展名), 组织-(文件夹和搜索选项）文件夹选项-查看-隐藏已知文件类型的扩展名（对勾去掉)
菜鸟教程：http://www.runoob.com/
388
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
