三、web基础知识
1.web与Internet
Internet：全球性的计算机互联网络，简称因特网，互联网，交互网
2.Internet上的应用程序
①c/s程序
c:client
s:server
通过指定的客户端连接服务器的程序（桌面应用程序）
代表：qq，网络游戏，exe程序
②b/s程序
b:browser 浏览器
s:server 服务器
通过浏览器去访问服务器
代表：网站
3.web应用程序——网站
web：运行在Internet之上的一种b/s结构的应用程序，俗称网站。
web作用：将各类信息和服务进行无缝的连接，并提供生动形象的用户界面。
web的工作原理：基于浏览器和服务器以及通信协议来实现数据的传输和展示。
通信协议：规范了数据是如何传递和打包。
服务器：
①功能 存储web信息，并提供程序的运行环境接收用户请求并给出响应，具备一定的安全功能
②服务器产品
TOMCAT APACHE IIS
③服务器技术
Java PHP ASP.NET python NODE.JS(前端技术：操作数据库)
浏览器：
①功能
代理用户提交请求（UA:User Agent）
解析HTML,CSS,JS，以图形化的方式展示给用户
②浏览器产品
Chrome IE Firefox Safari Opera
③浏览器技术
HTML CSS JS
四、HTML快速入门
1.什么是HTML？
HTML: Hyper Text Markup Language 超文本标记语言
a:普通文本
<a></a>:超级文本，超链接
HTML的特点：
（1）用带有尖括号的“标记”来标识
（2）以.html或.htm为后缀
（3）由浏览器解析执行
（4）可以嵌套脚本语言（JavaScript）
2.HTML的基础语法
（1）标记 又称元素或标签，在网页中表示一些功能
标记在使用是，必须使用尖括号<>括起来
标记分为：封闭类型（双标记）
必须成对出现，有开始和结束标记
语法：<标记>内容</标记> 例：<a>baidu</a>
非封闭类型（单标记）
也称空标记，只有一个标记，既表示开始又表示结束。
语法：<标记>或<标记/> 例：<img>或<image/>
（2）标记的嵌套
什么是嵌套？
在一对标记中出现另外一对（个）标记，从而形成功能的层叠。
语法
<标记>
<标记>
<标记/>
</标记>
</标记>
嵌套注意问题：
a.嵌套顺序，换行缩进
b.成对出现，去嵌套其他的标记
（3）属性和值
属性作用：修饰标记
语法：<标记 属性名称=“值” 属性名称="值"></标记>
要求必须写在开始标记中，属性和值之间必须用等号连接，如果有多个属性，属性之间用空格隔开
例：设置段落标记对齐方式为居中对齐
<p align="center">这是一段测试文本</p>
标准属性（通有属性）：
id:定义元素在页面中独一无二的标识
style:在css中，定义行内样式
class:在css中，引用类选择器
title:鼠标悬停时元素上所提示的文字
(4)注释
<!--注释内容-->
注意：
注释不能嵌套
也不能出现在标记中
3.HTML文档结构
（1）HTML的文档的组成
文档的声明：<!doctype html>
作用：告诉浏览器HTML的版本类型
（2）HTML页面
根标记：<html></html>
在根标记中包含网页头和网页主体
网页头：<head></head> 定义网页的全局信息
网页主体：<body></body> 显示网页的所有内容
（3）head头元素
head是其他头元素的容器
<title></title>:定义网页标题
<meta>: 定义全局信息，如：编码格式，关键词，描述内容，元标签等。
<style></style> 定义内部样式
<script></script> 定义/引用js脚本
<link rel="stylesheet" href=""/> 引入css文件
快捷键：创建网页模板 Ctrl+shift+N
（4）body元素
显示网页的所有内容
修饰body的属性：
text：定义整个网页的文字颜色
bgcolor：定义网页背景颜色
4.文本标记
（1）特殊字符
用一些转义字符来表示特殊的符号
空格
< <
> >
© ©
¥ ￥
® ®
× 关闭符号X
（2）文本样式标记
<b></b> 加粗
<i></i> 倾斜
<u></u> 下划线
<s></s> 删除线
<sub></sub> 下标
<sup></sup> 上标
（3）标题元素
<h1>内容</h1>
.......
<h6>内容</h6>
特点：改变字体大小；加粗显示；标题元素自带上下空白间距
属性：align——设置内容水平对齐方式
取值：left center right
（4）段落标记
<p>内容</p>
特点：独占一行，并且上下文之间有空白间距
字体无加粗和大小变化
属性：
align：设置内容在水平方向的对齐方式
取值：left center right
（5）换行标记
<br>或<br/>
（6）分割线
<hr>或<hr/>
属性：
1.width宽度，表示水平线的宽度，取值为px或%的数值
2.align 水平线对齐方式，取值
：left center right
3.size表示水平线的尺寸（高度），取值为px或%的数值
4.color 水平线的颜色，取值为合法的颜色值
（7）预格式化
作用：用于保留html代码中回车和空格
<pre></pre>
（8）分区元素
块分区元素 用于页面的布局 <div></div> 特点：单独成行
行分区元素 处理同一行文本的不同样式 <span></span> 特点：包裹的内容在一行中显示
（9）行内元素与块级元素
块级元素 在页面中独占一行；从上往下排列的元素，常见的块级元素
行内元素 多个元素在一行中显示，从左往右排列的元素常见的行内元素
5.图像和链接
（1）URL
a.目录结构
文件目录：文件夹嵌套结构
b.URL Uniform Resource Locator 统一资源定位器
c.路径的表现形式
绝对路径
相对路径
根相对路径
7733
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
