Lambda架构保持批处理和实时处理之间的数据一致性-CFANZ编程社区

浏览器内核对前端代码进行渲染解析，为确保解析效果一直制定web标准。

Web标准也称为网页标准，由一系列的标准组成，大部分由W3C（ World Wide Web Consortium，万维网联盟）负责制定。由三个组成部分：

HTML：负责网页的结构（页面元素和内容）。
CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）。层叠样式表
JavaScript：负责网页的行为（交互效果）。

什么是HTML ?

HTML: HyperText Markup Language，超文本标记语言。

超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容。

标记语言：由标签构成的语言HTML标签都是预定义好的。例如：使用

HTML页面的基础结构标签

<html>
    <head>
        <title> </title>
    </head>
    <body>
       
    </body>
</html>

中定义标题显示在浏览器的标题位置，中定义的内容会呈现在浏览器的内容区域。

HTML标签不区分大小写
HTML标签的属性值，采用单引号、双引号都可以

路径书写方式

绝对路径:
    1. 绝对磁盘路径: C:\Users\Administrator\Desktop\HTML\img\news_logo.png
                <img src="C:\Users\Administrator\Desktop\HTML\img\news_logo.png">
    2. 绝对网络路径: https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png
                   <img src="https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png">

相对路径:
    ./ : 当前目录 , ./ 可以省略的
    ../: 上一级目录

CSS引入方式

具体有3种引入方式，语法如下表格所示：

CSS选择器

id选择器，class选择器，语法以及作用如下：

优先级: id选择器 >类选择器 >元素选择器

1.元素（标签）选择器：

选择器的名字必须是标签的名字
作用：选择器中的样式会作用于所有同名的标签上

CSS引入方式

具体有3种引入方式，语法如下表格所示：

CSS选择器

，id选择器，class选择器，语法以及作用如下：

优先级: id选择器 >类选择器 >元素选择器

1.元素（标签）选择器：

选择器的名字必须是标签的名字
作用：选择器中的样式会作用于所有同名的标签上

元素名称 { css样式名:css样式值； }

2.id选择器:

选择器的名字前面需要加上#
作用：选择器中的样式会作用于指定id的标签上，而且有且只有一个标签（由于id是唯一的）

#id属性值 { css样式名:css样式值； }

3.类选择器：

选择器的名字前面需要加上 .

作用：选择器中的样式会作用于所有class的属性值和该名字一样的标签上，可以是多个

.class属性值 { css样式名:css样式值； }

正文排版实现中，还用到了几个CSS属性：

超链接标签:

属性:
- href: 指定资源访问的url
- target: 指定在何处打开资源链接
  - _self: 默认值，在当前页面打开
  - _blank: 在空白页面打开

视频、音频标签

视频标签:

- 属性:
  - src: 规定视频的url
  - controls: 显示播放控件
  - width: 播放器的宽度
  - height: 播放器的高度
音频标签:

- 属性:
  - src: 规定音频的url
  - controls: 显示播放控件

盒子模型

盒子模型组成：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）

盒子的大小，其实就包括三个部分： border、padding、content。

布局标签

布局标签：实际开发网页中，会大量频繁的使用 div 和 span 这两个没有语义的布局标签。
标签：

特点：
- div标签：
  - 一行只显示一个（独占一行）
  - 宽度默认是父元素的宽度，高度默认由内容撑开
  - 可以设置宽高（width、height）width：70%；
- span标签：
  - 一行可以显示多个
  - 宽度和高度默认由内容撑开
  - 不可以设置宽高（width、height）

表格标签