关于 Http 应用程序
- 基于 Http 的应用程序本质上是一种特殊的 C/S 模型应用
- Http 应用程序的底座是 TCP 协议（即：socket 可完成应用）
- 常见的 Http 客户端为浏览器，服务端为 Web 服务器
- 简单理解：Http 应用程序 ←→ TCP 应用程序 + 文本处理应用程序
值得思考的问题
浏览器为什么能成为 “万能客户端” ？
什么是 HTML ？
- HTML 指的是超文本标记语言：Hyter Text Markup Language
- HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签（markuo tag）
- HTML 使用标记标签来描述网页
- HTML 文档包含了 HTML 标签及文本标记能容
- HTML 文档也叫做 Web 页面
- HTML 文本示例
HTML 中的标签
- HTML 标签通常被称为 HTML Tag
- HTML 标签是由尖括号包围的管检测，比如：
<html> - HTML 标签通常是成对出现的，比如
<b>和</b> - 标签对中的第一个标签为开始标签，第二个标签是结束标签
- 开始标签和结束标签也被称为开放标签和闭合标签
HTML 中的“分区”
问题一：如何控制 HTML 页面中的字符大小
- HTML 标题是通过
<h1> - <h6>标签来定义的（字符由大到小） - HTML 段落是通过标签
<p>来定义的 （段落自动换行） - HTML 使用标签
<b>与<i>对输出的文本进行格式 - HTML 使用
<hr>标签在 HTML 页面中创建水平线
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DT4SW</title>
</head>
<body>
<h1>字符控制示例</h1>
<p><b>hr 标签定义水平线</b></p>
<hr/>
<h2>这是段落1。</h2>
<hr/>
<h4>这是段落2。</h4>
<hr/>
<h6>这是段落3，<br/>换行<br>再换一行</p></h6>
</body>
</html>
问题二：如何再 HTML 页面中嵌入链接
- HTML 使用标签
<a>来设置超文本链接 - 超链接可以是一个字，一个词，或着一组词，也可以是一幅画
- 在标签
<a>中使用了href属性来描述链接地址 - 语法
<a href = "url">链接文本</a>
<a href = "url" target="_blank">链接文本</a>
<a href = "path_to_file">下载文件</a> <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><DT4SW></title>
</head>
<body>
<a href="http://www.dt4sw.com">狄泰软件学院主页</a>
<br>
<a href="http://www.dt4sw.com" target="_blank">狄泰软件学院</a>
<br>
<a href="scite521.zip">scite521</a>
</body>
</html>
问题三：如何在 HTML 页面中编写表格
- 表格由
<table>标签定义，表头使用<th>标签定义 - 每个表格均有若干单元格（由
<tr>标签定义） - 每行被分割为若干单元格（由
<td>标签定义） - 数据单元格可以包含文本、图片、列表、段落等
HTML 表格示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Table Demo</title>
</head>
<body>
<h1>Data List</h1>
<table border="1">
<tr>
<th>Header 1</th> <th>Header 2</th> <th>Header 3</th>
<tr>
<tr>
<th>row 1, cell 1</th> <th>row 1, cell 2</th> <th>row 1, cell 3</th>
<tr>
<tr>
<th>row 2, cell 1</th> <th>row 2, cell 2</th> <th>row 2, cell 3</th>
<tr>
<tr>
<th>row 3, cell 1</th> <th>Header 3, cell 2</th>
<tr>
</table>
</body>
</html>
综合练习：使用 HTML 编写页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Table Demo</title>
</head>
<body>
<h1>DT4SW Http File Server</h1>
<hr>
<h2>Path:/</h2>
<table border="1" width="100%">
<tr>
<th>File Name</th> <th>File Type</th> <th>File Size</th> <th>Modify Time</th>
</tr>
<tr>
<td><a href="test-file-1">test-file-1</a></td> <td>Dir</td> <td></td> <td>Fri Mar 5 00:00:00 2022</td>
</tr>
<tr>
<td><a href="test-file-2.txt">test-file-2.txt</a></td> <td>File/txt</td> <td>4096</td> <td>Fri Mar 5 00:00:00 2022</td>
</tr>
<tr>
<td><a href="test-file-3">test-file-3</a></td> <td>File/bin</td> <td>4096</td> <td>Fri Mar 5 00:00:00 2022</td>
</tr>
</table>
</body>
</html>
思考
如何编写 Http 服务端应用程序？如何动态生成浏览器中的展示页面？
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。