实训笔记6.8

一、常用 HTML 标签
标签 说明

块级容器，用于区域划分与布局

二级标题（共 h1~h6），字号大且加粗 输入框，通过 type 控制类型 按钮 超链接，href="#" 表示空链接 input 常用 type： type="text"：普通文本输入框 type="password"：密码输入框（显示为圆点） 二、CSS 基础知识 什么是 CSS？ Cascading Style Sheets（层叠样式表） 用于控制网页元素的排版、颜色、位置、大小等样式 写在 中的 五、JavaScript 交互（登录校验示例） if (inputUsername === myUsername && inputPassword === myPassword) { alert("登录成功！"); } else { alert("账号或密码错误！"); } // 清空按钮逻辑 clearBtn.addEventListener("click", function () { usernameInput.value = ""; passwordInput.value = ""; }); 六、前端工具链（Node.js + Vite） 常见问题与解决： 报错 / 现象 原因 解决方式 Only HTTP(s) protocols are supported npm 镜像源配置错误 重新设置镜像源：npm config set registry https://registry.npmmirror.com npm install vite 成功 ✅ 安装正常 继续执行 npm create vite npm creat vite 提示安装包 正确行为 输入 y 继续 Vite 创建项目流程： npm create vite ✔ Project name: … miniheadline-web ✔ Select a framework: … Vue ✔ Select a variant: … JavaScript ✔ Install with npm and start now?