Html基础知识点梳理_随笔

Html基础知识点梳理

* 网络编程 (Socket + IO)
   * 单机程序 -> 网络程序
* C/S ，B/S
   * C/S
       * 客户端和服务端程序
       * 由2个子程序配合完成应用
           * QQ客户端 + QQ服务端
   * B/S
       * 浏览器和web服务器程序
       * 由3个子程序配合完成应用
           * IE浏览器 + tomcat服务器 + 如淘宝程序，京东程序 (业务程序)
       * 交互过程：
           淘宝程序需要部署到服务器上
           浏览器访问服务器 (部署的淘宝程序)
       * java更适合开发B/S结构中的业务程序

       * 通过浏览器使用淘宝时
       * 在浏览器上看到的所有淘宝相关的效果(界面)
       * 都不是浏览器本身的
       * 所以浏览器看到的内容都是从淘宝程序获得的。(之间要经过服务器)
       * 淘宝程序会将浏览器需要(请求)的页面通过服务器返回(响应)给浏览器

       * 淘宝程序响应给浏览器的界面内容，要符合一定的规则特点，浏览器才能识别，才能显示
       * 最常见的就是要符合html语法特点

*下面将介绍在java后端应用中需要知道的的html知识

* html
   1. html代码写在以.html 或 .htm结尾的文件中

   2. html 超文本标记语言
       * 标记语言的规则：
           1) 使用<>包含一个名字就称为一个标记

p标记
               a标记
           2) 要求标记成对出现起始标记 + 结束标记

起始标记

结束标记

, , ,
3) 起始标记和结束标记中间可以编写其他的html内容(文本，标记),称为标记内容

duyi is good

           4) 有些标记是不能写内容，称为空标记，可以将起始和结尾合二为一

           5) 在起始标记中，可以设置标记的属性
               * 有些标签自己就有一些特征，比如中的文字会加粗
               * 有些标签会通过设置属性具备一些特征，比如通过属性设置文字的颜色，大小等
               * 在起始标记中，按照key="value"形式编写，可以有多个属性使用空格隔开
                   duyi
           6) 理论上标签区分大小写
           7) 有且只有一个根标记

           * 补充：

有时称为标记，标签，元素，组件。

   3. html执行
       * html文件(内容)可以在浏览器上执行
           1) 创建一个文本文件，修改后缀
           2) 选中html文件，右键->打开方式->记事本(编码)
           也可以使用ide 如：sublime text3
           3) 选中html文件，右键->打开方式->浏览器(执行，展示)

   ----------------
   4. html文件的基本结构
       1) 有且只有一个根标记
       2) 根标记中使用和子标记将html网页内容分成2个大的部分

       * 扩展：浏览器展示html内容
           * 浏览器根据html文件路径，找到文件，读取文件内容(内部)
               浏览器读取的文件内容，可以通过浏览器->右键->查看源代码查看
           * 浏览器读取html内容后，不会马上根据标签效果展示，而是做了一个处理
               将某些内容按照正确的结构进行处理
               这个处理后的效果，可以通过浏览器->右键->审查元素/元素/检查/按f12->浏览器控制台elements
           * 按照处理后的内容在浏览器上展示