《Linux网络开发必学教程》26_Web 前端开发基础

关于 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 文本示例

《Linux网络开发必学教程》26_Web 前端开发基础_第1张图片

HTML 中的标签

  • HTML 标签通常被称为 HTML Tag
  • HTML 标签是由尖括号包围的管检测,比如:
  • HTML 标签通常是成对出现的,比如
  • 标签对中的第一个标签为开始标签,第二个标签是结束标签
  • 开始标签和结束标签也被称为开放标签和闭合标签

HTML 中的“分区”

《Linux网络开发必学教程》26_Web 前端开发基础_第2张图片

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

  • HTML 标题是通过

    -

    标签来定义的(字符由大到小)
  • HTML 段落是通过标签

    来定义的 (段落自动换行)

  • HTML 使用标签 对输出的文本进行格式
  • HTML 使用
    标签在 HTML 页面中创建水平线



    
    DT4SW


    

字符控制示例

hr 标签定义水平线


这是段落1。


这是段落2。


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

《Linux网络开发必学教程》26_Web 前端开发基础_第3张图片

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

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



    
    <DT4SW>


    狄泰软件学院主页
    
狄泰软件学院
scite521

image.png

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

  • 表格由 标签定义,表头使用 标签定义)
  • 每行被分割为若干单元格(由
  • 标签定义
  • 每个表格均有若干单元格(由
  • 标签定义)
  • 数据单元格可以包含文本、图片、列表、段落等
  • HTML 表格示例

    
    
    
        
        Table Demo
    
    
        

    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

    《Linux网络开发必学教程》26_Web 前端开发基础_第4张图片

    综合练习:使用 HTML 编写页面

    
    
    
        
        Table Demo
    
    
        

    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

    《Linux网络开发必学教程》26_Web 前端开发基础_第5张图片

    思考

    如何编写 Http 服务端应用程序?如何动态生成浏览器中的展示页面?

    你可能感兴趣的:(clinux网络编程)