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/