HTML5回忆整理-1

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用于定义网页基本信息

文本标记

文本是网页上的重要组成部分

直接书写的文本会用浏览器默认的样式显示

包含在标记中的文本则会被显示为标记所拥有的样式

空格折叠：多个空格或制表符压缩成单个空格

特殊字符如空格需要转义

…：加粗

…：倾斜

…：下划线

<s>…</s>：删除线

…：上标

…：下标

标题<hn></hn>

段落 常用属性 align 对齐方式

换行元素：

无语义分区元素 和<div>

行内元素： 不换行

块级元素 :<div> <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

链接<a>

语法：<a href="" target="">文本</a>

属性 href 链接URL target 目标 _blank _slef等 name 锚点名称

链接的表现形式：

目标文档为下载资源

电子邮件链接

返回页面顶部的空链接

链接到JavaScript

锚点：文档中某行的标记，用于链接到文档的某个位置

使用：定义锚点文本

链接到锚点：

//同一页面内

//不同页面内

表格

创建表格

表格常用属性

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，实心矩形

文本

列表可以进行嵌套定义列表

用于定义解释

HTML5回忆整理-1

推荐阅读更多精彩内容