Web 与 Internet Web 与 Internet
Internet 提供的主要服务
Telnet、Email、WWW、BBS、FTP等
基本实现技术
分组交换原理：信息在Internet上被分成许多小数据包（分组）进行传输，到达目的地后将数据包重组为信息
TCP/IP 协议簇
Web 是运行在 Internet 之上最流行的应用之一，Internet 为 Web 提供了网络环境
Web 的出现，极大地推动了 Internet 的普及与推广
由 Web 服务器、 浏览器（Browser）和通信协议（超文本传输协议）三部分组成。
网页用HTML5编写，浏览器链接到web端服务器并获取网页，浏览器解释HTML网页文档，并显示在用户的屏幕上。
web服务器的功能
储存web上的内容信息，提供管理环境。
响应浏览器的请求，执行服务器端程序。
web的相关技术
服务器端技术：运行于服务器端，大多提供了数据库访问的功能（PHP。jsp，ASP）。
客户端技术：运行于客户端，由浏览器进行解释运行（HTML，css，JavaScript）。
HTML 超文本标记语言 纯文本类型 后缀.html 或.htm 编码UTF-8 注释/！-- --/
封闭型（双标签）要求标签必须封闭
声明<!docutype html>
<head>元素内可以包含title，meat，script，link，style等
meat用于定义网页基本信息
文本标记
文本是网页上的重要组成部分
直接书写的文本会用浏览器默认的样式显示
包含在标记中的文本则会被显示为标记所拥有的样式
空格折叠：多个空格或制表符压缩成单个空格
特殊字符如空格需要转义
<b>…</b>：加粗
<i>…</i>：倾斜
<u>…</u>：下划线
<s>…</s>：删除线
<sup>…</sup>：上标
<sub>…</sub>：下标
标题<hn></hn>
段落<p> 常用属性 align 对齐方式
换行元素：<br />
无语义分区元素<span> 和<div>
行内元素：<span> <b> <i> <u>不换行
块级元素 :<div> <p> <hn>换行
分割线元素：<hr /> 常用属性：size width align color
预格式化元素<pre> </pre>
图像和链接
URL：统一资源定位器，用来标识网络中任何资源
绝对路径：文件从最高级目录下开始的完整目录
http://www.w3.org/TR/CSS2/syndata.html
由协议，主机名，目录路径，要链接的文件名组成
相对路径：指文件的位置是相对 与当前文件的位置。
根相对路径
图像
图像格式：
JPEG：采用有损压缩算法，压缩比较大
GIF：256色的方法压缩，色彩失真较大，支持动画和透明图像
PNG：采用无损压缩，有8位，32位，64位三种形式，支持透明但不支持动画，显示颜色可达1670万种，但大小比较大。
<img>
必须元素：src
常用元素：width，height
<img width="100" src="image/rose.jpg" />
链接<a>
语法：<a href="" target="">文本</a>
属性 href 链接URL target 目标 _blank _slef等 name 锚点名称
链接的表现形式：
目标文档为下载资源
<a href="DAY02.zip">下载</a>
电子邮件链接
<a href="mailto:tarena@tarena.com.cn">联系我们</a>
返回页面顶部的空链接
<a href="#">...</a>
链接到JavaScript
<a href="javascript : …">JS 功能</a>
锚点：文档中某行的标记，用于链接到文档的某个位置
使用：定义锚点 文本
链接到锚点：
表格
创建表格
表格常用属性
width
height
align
border
bgcolor
cellpadding
cellspacing
align 设置水平对齐方式（left center right）
valign 设置垂直对齐方式 （top middle bottom）
align，设置水平对齐方式(left|center|right)
valign，设置垂直对齐方式(top|middle|bottom)
width，设置宽度
height，设置高度
colspan，设置单元格跨列
rowspan，设置单元格跨行
<caption>必须紧跟标签 一般默认为在表格上方居中显
表格的复杂应用
//type属性值：1，a，A，i，I
文本
文本
文本
文本
无序列表
// type 属性值 disc，实心圆(默认) circle，空心圆 square，实心矩形
文本
文本
文本
文本
列表可以进行嵌套 定义列表
用于定义解释
网友评论