使用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 标签,而是使用标签来解释页面的内容。
声明为 HTML5 文档
元素是 HTML 页面的根元素
元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。
元素描述了文档的标题
元素包含了可见的页面内容
元素定义一个大标题
元素定义一个段落
注:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。
下面是一个可视化的HTML页面结构:
2、CSS
CSS 指的是层叠样式表* (Cascading Style Sheets)。CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。
CSS 可以通过以下方式添加到HTML中:
(1)内联样式- 在HTML元素中使用"style" 属性;
(2)内部样式表 -在HTML文档头部
区域使用