关于 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 中的“分区”

问题一：如何控制 HTML 页面中的字符大小

• HTML 标题是通过
  

  -

  标签来定义的（字符由大到小）

• HTML 段落是通过标签

  来定义的 （段落自动换行）

• HTML 使用标签 与 对输出的文本进行格式
• HTML 使用
  

  ---

  标签在 HTML 页面中创建水平线

    
    


    
字符控制示例
    
hr 标签定义水平线
    

    
这是段落1。
    

    
这是段落2。
    

    
这是段落3，
换行
再换一行

问题二：如何再 HTML 页面中嵌入链接

• HTML 使用标签 来设置超文本链接
• 超链接可以是一个字，一个词，或着一组词，也可以是一幅画
• 在标签 中使用了 href 属性来描述链接地址
• 语法

链接文本
链接文本
下载文件 

    
    


    狄泰软件学院主页
    

    狄泰软件学院
    

    scite521

问题三：如何在 HTML 页面中编写表格

• 表格由
  标签定义，表头使用
  标签定义）
  每行被分割为若干单元格（由

  
  

  标签定义 每个表格均有若干单元格（由

  标签定义） 数据单元格可以包含文本、图片、列表、段落等 HTML 表格示例 Data List Header 1 Header 2 Header 3 row 1, cell 1 row 1, cell 2 row 1, cell 3 row 2, cell 1 row 2, cell 2 row 2, cell 3 row 3, cell 1 Header 3, cell 2 综合练习：使用 HTML 编写页面 DT4SW Http File Server Path:/ File Name File Type File Size Modify Time test-file-1 Dir Fri Mar 5 00:00:00 2022 test-file-2.txt File/txt 4096 Fri Mar 5 00:00:00 2022 test-file-3 File/bin 4096 Fri Mar 5 00:00:00 2022 思考 如何编写 Http 服务端应用程序？如何动态生成浏览器中的展示页面？ clinux网络编程 阅读 230发布于 今天 14:47 赞收藏 分享 本作品系原创，采用《署名-非商业性使用-禁止演绎 4.0 国际》许可协议 C_经典C_数据结构_现代C_现代C_多线程_C_内存管理_Linux网络编程 C语言进阶；2. 进入C++的世界；3. 数据结构编写高质量代码；4. C++11/14 新增语法及标准库讲解；5. C++1... 关注专栏 TianSong 阿里山神木的种子在3000年前已经埋下，今天不过是看到当年注定的结果，为了未来的自己，今天就埋下一颗... 719 声望 97 粉丝 关注作者 0 条评论 得票最新 提交评论 评论支持部分 Markdown 语法：**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用 @ 来通知其他用户。 推荐阅读 《Linux网络开发必学教程》27_文件服务器可行性分析 需求分析服务端启动时指定某本地文件夹作为网络共享文件夹共享文件夹中的所有文件及子文件夹均可被客户端访问使用浏览器作为客户端，在浏览器中可“看到”所有共享文件用户可在浏览器中将目标文件下载到本地服务端... TianSong 又一款眼前一亮的Linux终端工具！ 今天给大家介绍一款最近发现的功能十分强大，颜值非常高的一款终端工具。这个神器我是在其他公众号文章上看到的，但他们都没把它的强大之处介绍明白，所以我自己体验一波后，再向大家分享自己的体验。 良许赞 5阅读 1.8k Linux终端居然也可以做文件浏览器？ 大家好，我是良许。在抖音上做直播已经整整 5 个月了，我很自豪我一路坚持到了现在【笑脸】最近我在做直播的时候，也开始学习鱼皮大佬，直播写代码。当然我不懂 Java 后端，因此就写写自己擅长的 Shell 脚本。但... 良许赞 1阅读 2.1k Laravel入门及实践，快速上手ThinkSNS+二次开发 【摘要】自从ThinkSNS+不使用ThinkPHP框架而使用Laravel框架之后，很多人都说技术门槛抬高了，其实你与TS+的距离仅仅只是学习一个新框架而已，所以，我们今天来说说Laravel的入门。 ThinkSNS赞 1阅读 2.4k confluence7.2.1的部署与迁移---呕心沥血版 Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。 到官网下载最新版本，截止目前... 暗涌阅读 7.8k C++编译器和链接器的完全指南 C++是一种强类型语言，它的编译和链接是程序开发过程中不可或缺的两个环节。编译器和链接器是两个非常重要的概念。本文将详细介绍C++中的编译器和链接器以及它们的工作原理和使用方法。 小万哥赞 2阅读 1k Ubuntu 20.04 读写 Windows 10 共享目录（qbit） 本文实验环境中，Windows 操作系统版本为 Windows Server 2016，应该对 Windows 10 和 Windows Server 2019 同样适用 qbit赞 1阅读 6.3k TianSong 阿里山神木的种子在3000年前已经埋下，今天不过是看到当年注定的结果，为了未来的自己，今天就埋下一颗... 719 声望 97 粉丝 关注作者 宣传栏 文章目录 跟随 ▲ {"props":{"pageProps":{"initialState":"{"global":{"sessionUser":null,"isHiddenHeader":false,"isHiddenFooter":false,"title":"《Linux网络开发必学教程》26_Web 前端开发基础 - C_经典C_数据结构_现代C_现代C_多线程_C_内存管理_Linux网络编程 - SegmentFault 思否","titleAlias":"《Linux网络开发必学教程》26_Web 前端开发基础 - SegmentFault 思否","isShowLogin":false,"beginnerGuideState":{"visible":false,"type":1},"isShowBindMobile":false,"authChannel":"","unactivated":false,"isShowRegister":false,"headOptions":{"keywords":"c,linux,网络编程","description":"关于 Http 应用程序基于 Http 的应用程序本质上是一种特殊的 C/S 模型应用Http 应用程序的底座是 TCP 协议（即：socket 可完成应用）常见的 Http 客户端为浏..."},"notices":[],"sessionInfo":{"key":"fbf1feace8e2c9232f36785fa7b92fd1","login":false,"id":null},"singleNotice":"","currentRoute":{},"letterNum":0,"noticeNum":0,"serverData":{"Token":"","userAgent":"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36","platform":""},"userStat":{},"newTask":{},"followedTags":[],"globalCss":"","baiduOxAppState":{"isShow":false,"copyUrl":""},"pageUsers":{},"wxShareCover":"","isBaiduOxApp":false,"showProductAuthModal":{"isShow":false,"title":""},"routeInterceptor":{"path":""},"safeCheckModal":{"isShow":false,"pageSource":""},"followSFState":{"isShow":false},"messageNotice":{"event":{"general":0,"ranked":0,"followed":0,"inbox":0,"comment":0,"marketing":0},"message":0,"badge":0},"badgeModalState":{}},"articleDetail":{"artDetail":{"1190000043862352":{"title":"《Linux网络开发必学教程》26_Web 前端开发基础 - C_经典C_数据结构_现代C_现代C_多线程_C_内存管理_Linux网络编程","keywords":"c,linux,网络编程","description":"关于 Http 应用程序基于 Http 的应用程序本质上是一种特殊的 C/S 模型应用Http 应用程序的底座是 TCP 协议（即：socket 可完成应用）常见的 Http 客户端为浏...","article":{"id":1190000043862352,"title":"《Linux网络开发必学教程》26_Web 前端开发基础","cover":null,"tags_list":"1040000000089457,1040000000089392,1040000000089869","user_id":1030000017065533,"blog_id":1200000017164129,"excerpt":"关于 Http 应用程序基于 Http 的应用程序本质上是一种特殊的 C/S 模型应用Http 应用程序的底座是 TCP 协议（即：socket 可完成应用）常见的 Http 客户端为浏...","parsed_text":"","is_bookmarked":false,"is_liked":false,"created":1685861255,"modified":1685861255,"real_views":230,"real_unique_views":230,"votes":0,"bookmarks":0,"status":0,"origin_url":"","article_type":1,"license":"1","langs":[],"comments":0,"is_edited":false,"ip_address":"江苏","tags":[{"id":1040000000089457,"url":"/t/c","name":"c","icon_url":""},{"id":1040000000089392,"url":"/t/linux","name":"linux","icon_url":""},{"id":1040000000089869,"url":"/t/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B","name":"网络编程","icon_url":""}],"user":{"id":1030000017065533,"name":"TianSong","avatar_url":"https://avatar-static.segmentfault.com/299/717/2997176477-5bf285fc1b147_huge128","url":"/u/tiansong","rank":719,"rank_word":"719","is_followed":false,"excerpt":"u003cpu003e阿里山神木的种子在3000年前已经埋下，今天不过是看到当年注定的结果，为了未来的自己，今天就埋下一颗...u003c/pu003e","followers":97,"articles":318,"user_auth":null,"headdress_worn":null,"summary_badges":{"gold":1,"silver":2,"bronze":8}},"status_key":"available"},"blog":{"id":1200000017164129,"name":"C_经典C_数据结构_现代C_现代C_多线程_C_内存管理_Linux网络编程","url":"/blog/tiansong_c","thumbnail_url":null,"is_followed":false,"excerpt":"C语言进阶；2. 进入C++的世界；3. 数据结构编写高质量代码；4. C++11/14 新增语法及标准库讲解；5. C++1...","followers":31,"articles":277,"license":"nd"},"actions":[],"member_actions":[],"article_types":{"1":"原创","2":"转载","3":"翻译"},"pay_info":null,"extra":{"reason":null,"operator":null,"operator_time":null},"tag":{"name":"linux","url":"/t/linux","icon_url":""},"site":null,"isServerLoaded":true}},"alertMsg":{"showAlert":false,"msg":""},"articleRelated":[],"quotedData":{"rows":[],"page":1,"size":5,"total_page":0,"total":0},"articleRecommendationList":[{"id":1190000043862754,"url":"/a/1190000043862754","cover":null,"title":"《Linux网络开发必学教程》27_文件服务器可行性分析","views":0,"real_unique_views":54,"comments":0,"votes":0,"excerpt":"需求分析服务端启动时指定某本地文件夹作为网络共享文件夹共享文件夹中的所有文件及子文件夹均可被客户端访问使用浏览器作为客户端，在浏览器中可“看到”所有共享文件用户可在浏览器中将目标文件下载到本地服务端...","user":{"name":"TianSong","url":"/u/tiansong","avatar_url":"https://avatar-static.segmentfault.com/299/717/2997176477-5bf285fc1b147_big64","headdress_worn":null}},{"id":1190000043607813,"url":"/a/1190000043607813","cover":null,"title":"又一款眼前一亮的Linux终端工具！","views":1810,"real_unique_views":1801,"comments":0,"votes":5,"excerpt":"今天给大家介绍一款最近发现的功能十分强大，颜值非常高的一款终端工具。这个神器我是在其他公众号文章上看到的，但他们都没把它的强大之处介绍明白，所以我自己体验一波后，再向大家分享自己的体验。","user":{"name":"良许","url":"/u/liangxu_5d63396040bb5","avatar_url":"https://avatar-static.segmentfault.com/174/869/1748699157-5d6339f8a4266_big64","headdress_worn":null}},{"id":1190000043612925,"url":"/a/1190000043612925","cover":null,"title":"Linux终端居然也可以做文件浏览器？","views":2078,"real_unique_views":2085,"comments":0,"votes":1,"excerpt":"大家好，我是良许。在抖音上做直播已经整整 5 个月了，我很自豪我一路坚持到了现在【笑脸】最近我在做直播的时候，也开始学习鱼皮大佬，直播写代码。当然我不懂 Java 后端，因此就写写自己擅长的 Shell 脚本。但...","user":{"name":"良许","url":"/u/liangxu_5d63396040bb5","avatar_url":"https://avatar-static.segmentfault.com/174/869/1748699157-5d6339f8a4266_big64","headdress_worn":null}},{"id":1190000010889647,"url":"/a/1190000010889647","cover":null,"title":"Laravel入门及实践，快速上手ThinkSNS+二次开发","views":2415,"real_unique_views":2370,"comments":0,"votes":1,"excerpt":"【摘要】自从ThinkSNS+不使用ThinkPHP框架而使用Laravel框架之后，很多人都说技术门槛抬高了，其实你与TS+的距离仅仅只是学习一个新框架而已，所以，我们今天来说说Laravel的入门。","user":{"name":"ThinkSNS","url":"/u/thinksns","avatar_url":"https://avatar-static.segmentfault.com/211/284/2112840870-5948b917be826_big64","headdress_worn":null}},{"id":1190000022254597,"url":"/a/1190000022254597","cover":null,"title":"confluence7.2.1的部署与迁移---呕心沥血版","views":7825,"real_unique_views":7065,"comments":0,"votes":0,"excerpt":"Confluence是一个专业的企业知识管理与协同软件，也可以用于构建企业wiki。使用简单，但它强大的编辑和站点管理特征能够帮助团队成员之间共享信息、文档协作、集体讨论，信息推送。 到官网下载最新版本，截止目前...","user":{"name":"暗涌","url":"/u/anyong_5e85bb882b66e","avatar_url":null,"headdress_worn":null}},{"id":1190000043783622,"url":"/a/1190000043783622","cover":"/img/bVc7LQc?spec=cover","title":"C++编译器和链接器的完全指南","views":1033,"real_unique_views":1034,"comments":0,"votes":2,"excerpt":"C++是一种强类型语言，它的编译和链接是程序开发过程中不可或缺的两个环节。编译器和链接器是两个非常重要的概念。本文将详细介绍C++中的编译器和链接器以及它们的工作原理和使用方法。","user":{"name":"小万哥","url":"/u/caisekongbai","avatar_url":"https://avatar-static.segmentfault.com/402/438/4024385955-63d9e464433cf_big64","headdress_worn":null}},{"id":1190000039363538,"url":"/a/1190000039363538","cover":null,"title":"Ubuntu 20.04 读写 Windows 10 共享目录（qbit）","views":6267,"real_unique_views":5531,"comments":0,"votes":1,"excerpt":"本文实验环境中，Windows 操作系统版本为 Windows Server 2016，应该对 Windows 10 和 Windows Server 2019 同样适用","user":{"name":"qbit","url":"/u/qbiter","avatar_url":"https://avatar-static.segmentfault.com/427/300/4273004700-60f7c5a323eff_big64","headdress_worn":null}}]},"action":{"1190000043862352":{"votes":0,"isLiked":false,"bookmarks":0,"isBookmarked":false}}}"},"__N_SSP":true},"page":"/ArticleDetail","query":{"aid":"1190000043862352"},"buildId":"cCfiKHosfdNMzeIqN6yQh","assetPrefix":"https://static.segmentfault.com/main_site_next/5224777b","runtimeConfig":{"publicPath":"https://static.segmentfault.com/main_site_next/5224777b/","appVersion":"23.06.02"},"isFallback":false,"gssp":true,"scriptLoader":[]}

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net