2301_79271343的博客

数据读取和处理: 从CSV文件中读取1960年至2019年的全球各国GDP数据，并将其组织成按年份分类的字典结构。数据排序: 对每个年份的数据按GDP从高到低排序，并选取排名前八的国家。创建柱状图: 为每个年份生成一个水平柱状图，显示前八国家的GDP。时间轴动画: 将每年的柱状图添加到时间轴中，并配置动画播放参数，使得最终生成的HTML文件能够展示一个动态的时间轴动画，展示不同年份的GDP排名变化。

1. 所有标签上都有class属性，class属性的属性值称为类名 (类似于名字)提示:style标签虽然可以写在页面任意位置，但是通常约定写在 head 标签中。作用:通过id属性值，找到页面中带有这个id属性值的标签，设置样式。作用:通过类名，找到页面中所有带有这个类名的标签，设置样式。作用: 通过标签名，找到页面中所有这类标签，设置样式。2.id属性值类似于身份证号码，在一个页面中是。行内式: CSS 写在标签的style属性中。作用:找到页面中所有的标签，设置样式。属性名: font-style。

上传多个文件，使用multiple。checked默认选项。

2.完整的网络地址https://...........................1.盘符开头D:\..................................方法二：方法一:绝对路径：绝对位置，从盘符开始的路径。加载图片，需要找到对应的图片。上图为绝对路径，由一个盘符出发。mac没有盘符，根目录是'\'从当前文件开始找目标文件的过程。图片是目标，HTML是当前文件。HTML和文件夹同一级别。3.2.1路径的介绍。

左边的突出特别重要的时候使用。

strong——双标签（开始和结束——需要包裹）VS自动换行快捷键：CTRL+E，ctrl+W。Ctrl+/快捷键（注释&&取消注释）标题一共有六个，独占一行，加粗。——单标签。3.1.1HTML的注释。HTMl页面的固定结构。整体，头部，标题，主题。title网页的名字。head：网页的头部。父子关系（嵌套关系）兄弟关系（并列关系）

渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分。Web标准：渲染引擎不同如何做到代码解析效果的统一。浏览器出品的公司不同，内在的渲染引擎也是不同的。常见的五大浏览器：谷歌，苹果，联想，欧盟，火狐。