静态网页开发:HTML、JS与CSS标签功能详解

需积分: 26 1 下载量 72 浏览量 更新于2024-07-13 收藏 3.74MB PPT 举报
本章节详细探讨了静态网页开发技术中的标签分类,特别是按功能划分的各类标签。在静态网页中,HTML、JavaScript和CSS是核心开发技术,它们各自扮演着关键角色。 HTML(HyperText Markup Language)是一种标记语言,主要负责网页的表现形式,通过一系列标签来定义和展示网页上的文字、图片、链接、表格等各种元素。比如,`<p>`用于创建段落,`<img>`用于插入图像,`<a>`标签用于创建超链接,这些标签都有明确的功能和属性,如`src`属性指定图像的源文件路径。 JavaScript则是在客户端运行的脚本语言,它使得网页具有动态交互性。例如,通过JavaScript可以实现网页元素的动态加载、用户输入验证、响应式导航等。`<script>`标签用于嵌入JavaScript代码,而`<button>`和`<input>`等标签结合JavaScript可以实现按钮点击事件的处理。 CSS(Cascading Style Sheets)作为样式表语言,专注于页面的布局和视觉设计。它能控制文本的样式(如字体、颜色)、布局(如网格系统)、以及元素的响应式设计,使网页呈现出美观且一致的外观。CSS可以通过`<style>`标签内联定义,也可以外部引用`<link>`标签引入样式文件。 教学内容包括了这三个技术的基础概念、常见标签的使用方法以及实战案例,旨在帮助学习者掌握静态网页设计的基本技能,能根据需求设计出功能丰富的网页。此外,还强调了HTML、JavaScript和CSS的整合应用,这是现代网页设计不可或缺的一部分。 在实际开发过程中,开发者可能会选择使用简单的文本编辑器如记事本进行基础编写,或者更高级的集成开发环境(IDE)如MyEclipse或Eclipse,这些工具提供了更完善的代码编辑、调试和版本管理功能。 这一章节是静态网页开发的基础教程,对于理解和运用静态网页技术至关重要,无论是初学者还是专业开发者,都需要深入理解和掌握这些内容。
2023-06-12 上传

函数名称:void SOGI_Init(Second_order_Filter *Biquad_filter,uint8_t mode) //二阶广义积分器参数初始化 *入口参数:Second_order_Filter 参数指针地址 * uint8_t mode 当mode=1时不移相,mode=0时移相PI/2 *函数功能:二阶广义积分器参数初始化,使用Tustin双线性变换离散 *************************************************************************************************************/ void SOGI_Init(Second_order_Filter* Biquad_filter, uint8_t mode) { static uint16_t K=1;//sogi比例系数 Biquad_filter->wc = (2 * PI * AC_INPUT_FREQ) / TS_FREQ; switch (mode) { case 1: //不移相 u轴 Biquad_filter->b0 = 2 * Biquad_filter->wc*K; Biquad_filter->b1 = 0; Biquad_filter->b2 = -2 * Biquad_filter->wc*K; Biquad_filter->a0 = 4 + 2 * Biquad_filter->wc*K + Biquad_filter->wc * Biquad_filter->wc; Biquad_filter->a1 = 2 * Biquad_filter->wc * Biquad_filter->wc - 8; Biquad_filter->a2 = 4 + Biquad_filter->wc * Biquad_filter->wc - 2 * Biquad_filter->wc; break; case 0: //移相 qu轴 Biquad_filter->b0 = Biquad_filter->wc * Biquad_filter->wc*K; Biquad_filter->b1 = 2 * Biquad_filter->wc * Biquad_filter->wc*K; Biquad_filter->b2 = Biquad_filter->wc * Biquad_filter->wc*K; Biquad_filter->a0 = 4 + 2 * Biquad_filter->wc*K + Biquad_filter->wc * Biquad_filter->wc; Biquad_filter->a1 = 2 * Biquad_filter->wc * Biquad_filter->wc - 8; Biquad_filter->a2 = Biquad_filter->wc * Biquad_filter->wc - 2 * Biquad_filter->wc + 4; break; } Biquad_filter->b0 = Biquad_filter->b0 / Biquad_filter->a0; Biquad_filter->b1 = Biquad_filter->b1 / Biquad_filter->a0; Biquad_filter->b2 = Biquad_filter->b2 / Biquad_filter->a0; Biquad_filter->a1 = Biquad_filter->a1 / Biquad_filter->a0; Biquad_filter->a2 = Biquad_filter->a2 / Biquad_filter->a0; }

2023-07-20 上传