HTML

web概念

1. JavaWeb:
   1. 使用Java要吐烟开发基于互联网的项目
2. 软件的架构：
   1. C/S：Client/Server/客户端/服务器
      1. 在用户本地有一个客户端程序，再远程有一个服务器端程序
      2. 如：QQ，微信等
      3. 优点：
         1. 用户体验好
      4. 缺点：
         1. 安装，部署麻烦，维护也很麻烦
   2. B/S：Browser/Server/浏览器/服务器端
      1. 只需要一个浏览器，用户通过不同的网址（URL），可以访问不同的服务器端程序
      2. 优点：
         1. 开发，安装与部署以及维护都很简单
      3. 缺点：
         1. 如果应用过大，用户的体验可能胡受到影响
      4. B/S详解：
         1. 服务器端资源分类：
            1. 静态资源：
               1. 使用静态网页开发技术来发布的资源
                  • 特点：
                    • 所有用户访问得到的结果都一样。
                    • 如：文本，图片，音频，视频，HTML，CSS，JavaScript
                    • 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器，浏览器中内置的服务器会解析静态资源
            2. 动态资源：
               1. 使用动态网页及时发布的资源：
                  1. 特点：
                     • 所有用户访问得到的结果可能不一样
                     • 如：jsp/servlet
                     • 如果用户请求的是动态资源：那么服务器胡执行动态资源，转换为静态资源，再发送给浏览器
      5. 静态资源：
         1. HTML：搭建基础网页，用于展示页面内容
         2. CSS：用于美化页面，
         3. JavaScript： 控制页面的元素，让页面有一些动态效果

HTML：最基本的网页开发语言

1. 概念：Hyper Text Markup Language:超文本标记语言
   1. 超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
   2. 标记语言：由标签构成的语言。标记语言不是编程语言。
2. 快速入门
   1. 语法：
      1. html后缀名
      2. 标签分为：
         1. 围堵标签：有开始标签和结束标签。
         2. 自闭合标签：开始标签和结束标签在一起。如：
            
      3. 标签可以嵌套：
         1. 需要正确嵌套，不能你中有我，我中有你
      4. 在开始标签中可以定义属性。属性是由键值对构成，值需要用引号引起来
      5. HTML的标签不区分大小写，但是建议使用小写
3. 标签学习：
   1. 文件标签：构成html最基本的标签
      • htnl:html文档的根标签
      • head:头标签。用于指定html文档的一些属性。引入外部资源
      • title:定义标题的标签。
      • body: 体标签
   2. 文本标签：和文本相关的标签
      1. 注释：
      • h1~h6:标题标签，带自动换行
      • p: 段落标签
      • br:换行标签
      • hr:显示一条水平线
        • 属性：
          • color：颜色
          • wodth:宽度
          • size:高度
          • align:对齐方式
      • b:字体加粗
      • i：斜体字
      • font:颜色，大小，字体（face)
   3. 图片标签：展示图片
   4. 列表标签：
      1. ul:无序列表
      2. ol:有序列表
   5. 链接标签：
      1. a:超链接
         1. 属性：
            1. href:指定访问资源的URL（统一资源定位符）
            2. target:默认是在本页打开，_blanked则是新页面
      2. 块标签：
         1. span：文本信息，默认在一行展示（内联标签，行内标签）
         2. div:每一个div占满一行后换行，块级标签
   6. 表格标签：
      1. table:定义表格
         1. width：宽度
         2. border：边框
         3. cellpadding：定义内容和单元格的距离
         4. cellspacing:定义单元格之间的举例。如果指定为0，则单元格的线会何为一条
         5. bgcolor:背景色
      2. tr:定义行
      3. td:定义单元格
         1. colspan:合并列
         2. rowspan:合并行
      4. th:定义表头单元格
      5. caption：定义表格标题
      6. thead:表格的头部份
      7. tbody:表格的体部分
      8. tfoot：表格尾部分
   7. 语义化标签：为了提高程序的可读性所提供的标签
      1. header:
      2. footer:
         11/8/2020 2:42:17 PM