欢迎来到攻城狮和成绪猿的世界

什么是网址？

• 网页的地址：在地址栏里输入网址，就可以打开网页
• URL：Uniform Resource Locator（统一资源定位符）
• URI: Uniform Resource Identifier（统一资源标识符）

URI 的组成

例子：http://johnhax.net/2012/html_basic/

Scheme/Protocol

http://...

Domain Name

http://johnhax.net/2012...

Path

...johnhax.net/2012/html_basic/

Examples of URI Scheme

• http://johnhax.net/...
• https://mail.google.com/mail/u/0/#inbox
• ftp://...
• mailto:engineer@baixing.com
• tel:86-131-6263-0304
• urn:isbn:9787536692930
• data:,Hello

Examples of Domain Name

• johnhax.net
• heshijun.baixing.com
• douban.fm
• minyan.li

打开网页的过程

1. 浏览器补全你输入的 URI
2. 浏览器根据 URI 的 scheme 选择合适的处理方式（以下假设是 http）
3. 浏览器通过 DNS（域名服务器）获得域名所对应的 IP 地址
4. 浏览器向该 IP 地址发起 HTTP Request（请求）
5. 该 IP 地址所对应的服务器处理收到的请求，生成 HTTP Response（响应），返回给请求方
6. 浏览器接收到响应，根据响应的 Content Type（内容的类型）按照合适的方式呈现给用户

服务器处理请求和生成响应

处理过程可能很简单，比如根据你请求的Path，在服务器的文件系统中找到对应的文件；

也可能很复杂，比如根据Path等信息从数据库中搜索数据，执行业务逻辑，调用第三方系统……最终生成合适的内容。

准备工作

• 浏览器：最新版的 Chrome 或 Firefox，IE 9 也可以。
• 文本编辑器：Notepad++

Hello world

• 在地址栏输入：data:text/html,Hello world!
• 打开文本编辑器，在文本编辑器里输入：Hello world
  然后保存为 hello.html ，在浏览器中打开它！

HTML

• doctype
• html
• head
• title
• meta
• body
• section/header/footer
• h1/h2/h3...
• p
• address

HTML

• ul/ol/li
• dl/dt/dd
• a
• img
• strong/em/abbr

HTML

• form
• input/select/label
• style
• script