使用HTML+CSS+JS网页设计与制作，酷炫动效科技农业网页。

可以用于家乡介绍、科技农业、图片画廊展示等个人网站的设计与制作。农业网站、家乡网站、农产品网站、旅游网站。

1、视觉设计：排版布局极简设计，优质的视觉体验等。

2、动效交互：幻灯效果、入场动画、按钮点击、视差功能、锚点功能、图片画廊功能、英文断行等。

使用HTML+CSS+JS网页设计与制作，酷炫动效科技农业网

HTML 定义网页的内容；CSS 规定网页的布局；JavaScript 对网页行为进行编程。

即：HTML——结构；CSS——样式；JS——行为。

1、HTML

HTML 是用来描述网页的一种语言。HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 文档 = 网页：

HTML 文档描述网页；

HTML 文档包含 HTML 标签和纯文本；

HTML 文档也被称为网页；

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。

元素定义一个段落

注：在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签。

下面是一个可视化的HTML页面结构：

2、CSS

CSS 指的是层叠样式表* (Cascading Style Sheets)。CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。

CSS 可以通过以下方式添加到HTML中:

（1）内联样式- 在HTML元素中使用"style" 属性；

（2）内部样式表 -在HTML文档头部 区域使用 元素 来包含CSS；

（3）外部引用 - 使用外部 CSS 文件；

注：最好的方式是通过外部引用CSS文件。

3、JavaScript

JavaScript 是 web 开发者必学的三种语言之一。

JavaScript 能够改变 HTML 内容、

JavaScript 能够改变 HTML 属性、

JavaScript 能够改变 HTML 样式 (CSS)、

JavaScript 能够隐藏 HTML 元素、

JavaScript 能够显示 HTML 元素、

......

1、HTML 头部元素解读：

（1） 元素是所有头部元素的容器。

（2） 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。

（3） 标题定义文档的标题。

（4） 标签定义文档与外部资源之间的关系。

而这里，我们在HTML文档头部 区域使用 元素 来通过外部引用CSS文件。

​AGRO

agri­cul­ture.

;

;

;

生态鲜米,石斗留香。

​—

Eco­log­i­cal fresh rice,;Stone bucket left in­cense.