当前位置： 首页 > news >正文

用HTML写一个简单的静态购物网站

news 2026/4/2 15:24:33

实现代码： 

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>购物网站</title>
</head>
<body><header><h1>购物网站</h1><nav><ul><li><a href="#">首页</a></li><li><a href="#">产品</a></li><li><a href="#">购物车</a></li><li><a href="#">联系我们</a></li></ul></nav></header><main><section><h2>精选产品</h2><div class="product"><img src="product1.jpg" alt="产品1"><h3>产品1</h3><p>商品描述...</p><a href="#" class="btn">添加到购物车</a></div><div class="product"><img src="product2.jpg" alt="产品2"><h3>产品2</h3><p>商品描述...</p><a href="#" class="btn">添加到购物车</a></div></section><section><h2>购物车</h2><ul id="cart-items"><!-- 购物车商品列表 --></ul><p>Total: <span id="total-price">$0.00</span></p></section></main><footer><p>版权所有 &copy; 2023 购物网站</p></footer>
</body>
</html>

相关文章：

用HTML写一个简单的静态购物网站

实现代码&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>购物网站</title> &l…...

编程日记 2023/7/30 23:42:16

如何在go中实现程序的优雅退出，go-kratos源码解析

使用kratos这个框架有近一年了&#xff0c;最近了解了一下kratos关于程序优雅退出的具体实现。 这部分逻辑在app.go文件中&#xff0c;在main中&#xff0c;找到app.Run方法&#xff0c;点进入就可以了 它包含以下几个部分: App结构体:包含应用程序的配置选项和运行时状态。 …...

编程日记 2023/7/30 23:41:15

Appium+python自动化（二十八）- 高级滑动（超详解）

高级溜冰的滑动 滑动操作一般是两点之间的滑动&#xff0c;这种滑动在这里称其为低级的溜冰滑动&#xff1b;就是上一节给小伙伴们分享的。然而实际使用过程中用户可能要进行一些多点连续滑动操作。如九宫格滑动操作&#xff0c;连续拖动图片移动等场景。那么这种高级绚丽的溜…...

编程日记 2023/7/30 23:40:14

github token使用方法

git remote set-url origin https://<githubtoken>github.com/<username>/<repositoryname>.git 在私有仓库的HTTPS的url上加入<githubtoken>即为token url&#xff0c;可以免ssh key登录...

编程日记 2023/7/30 23:39:13

Spring属性注解对配置项名称的自动转换

一、前言 在Spring中&#xff0c;我们经常需要将配置文件中的属性值注入到Java类中。Spring提供了两个主要的注解来实现这一功能&#xff1a;Value 和 ConfigurationProperties。其中 ConfigurationProperties支持将配置项名称与Java类中的属性名进行自动转换&#xff0c;包括…...

编程日记 2023/7/30 23:38:12

Docker 安全 Docker HTTPS请求过程与配置

Docker 容器安全注意点 尽量别做的事 尽量不用 --privileged 运行容器&#xff08;授权容器root用户拥有宿主机的root权限&#xff09; 尽量不用 --network host 运行容器&#xff08;使用 host 网络模式共享宿主机的网络命名空间&#xff09; 尽量不在容器中运行 ssh 服务 尽…...

编程日记 2023/7/30 23:37:10

DevOps（三）

CD（二） 1. 整体流程2. 环境准备1. jenkins安装2. 编译安装git3. docker安装4. docker-compose安装5. sonarqube安装6. harbor安装7. gitlab私服8. maven安装9. Nexus部署10. K8s部署3. 安装java及编写代码3.1 安装java3.2 安装IntelliJ IDEA3.3 安装tomcat3.4 安装maven3.5 c…...

编程日记 2023/7/30 23:36:07

AOP的妙用

一、改代码 自定义注解用于提示该代码已经在AOP中重构了 public interface ReviseToAop {// 用于记录修改状态String value() default ""; }使用注解&#xff08;无意义&#xff0c;只是表名被修改&#xff09; ReviseToAop("修改于&#xff1a;2023/7/30&quo…...

编程日记 2023/7/30 23:35:06

CAN转ETHERCAT网关将CAN 总线和 ETHERCAT 网络连接方法

由于好多现场会出现将CAN总线的设备接到EtherCAT网络中&#xff0c;由于协议的不相同&#xff0c;不能直接进行连接&#xff0c;现需一种能同时兼容CAN 总线和ETHERCAT网络的一种设备&#xff0c;由此捷米JM-ECT-CAN 是自主研发的一款 ETHERCAT 从站功能的通讯网关。该产品主要…...

编程日记 2023/7/30 23:34:05

【大数据趋势】7月30日 汇率，恒指期货的大数据趋势概率分析。

1. 数据源头之一 : 汇率变化 从程序模拟趋势来看&#xff0c;美元在持续弱势状态&#xff0c;周线上正在构建一个新的下跌趋势&#xff0c;而且正在反抽过程中&#xff0c;即将完成&#xff0c;如果没有外部干预&#xff0c;会顺势往下。从月线来看&#xff0c;高点逐步降低&a…...

编程日记 2023/7/30 23:33:04

mac使用mvn下载node-sass 会Binary download failed, trying source

m1 上使用nvm 以下node的版本可以直接下载&#xff08;Binary download&#xff0c;而不是 trying source&#xff09;而不用切换mac cpu架构 zhiwenwenzhiwenwendeMBP cockpit % nvm install 14.15.5 Downloading and installing node v14.15.5... Downloading https://node…...

编程日记 2023/7/30 23:32:02

【C++】开源：Muduo网络库配置与使用

&#x1f60f;★,:.☆(&#xffe3;▽&#xffe3;)/$:.★ &#x1f60f; 这篇文章主要介绍Muduo网络库配置与使用。 无专精则不能成&#xff0c;无涉猎则不能通。——梁启超 欢迎来到我的博客&#xff0c;一起学习&#xff0c;共同进步。 喜欢的朋友可以关注一下&#xff0c;下…...

编程日记 2023/7/30 23:31:01

VCS ICO - Intelligent Coverage Optimization

ico是vcs提供的用于优化覆盖率的feature&#xff1b;一般用户通过dist solver bofore等约束了变量的随机概率&#xff0c;而ico会在用户约束的基础上&#xff0c;做一些自动“修正”&#xff0c;以此来优化随机激励&#xff0c;提高随机多样性&#xff0c;加速覆盖率收敛&#…...

编程日记 2023/7/30 23:30:00

【分布式系统】分布式系统的8个谬误

网络可靠 对于分布式系统来说&#xff0c;网络、计算、存储是三大基石&#xff0c;系统之间进行拆分隔离之后&#xff0c;那么必定存在网络通讯&#xff0c;而网络是最不可靠的。 不管是从硬件层面还是软件层面来说&#xff0c;网络是不可靠的。&#xff08;断电、配置错误、ID…...

编程日记 2023/7/30 23:28:59

tinkerCAD案例：25. 量角器 - 测量角度

tinkerCAD案例&#xff1a;25. 量角器 - 测量角度 原文 Now we’re going to make a protractor! A Protractor is one of the most basic, but essential, tools for making measurements. It is, then, surprising that the modern protractor is barely over 200 years ol…...

编程日记 2023/7/30 23:27:56

Flutter 使用texture_rgba_renderer实现桌面端渲染视频

Flutter视频渲染系列 第一章 Android使用Texture渲染视频 第二章 Windows使用Texture渲染视频 第三章 Linux使用Texture渲染视频 第四章 全平台FFICustomPainter渲染视频 第五章 Windows使用Native窗口渲染视频 第六章 桌面端使用texture_rgba_renderer渲染视频&#xff08;本…...

编程日记 2023/7/30 23:26:55

linux虚拟机开机后桌面显示CentOS-7.5-x86盘片文件,并且无法远程连接虚拟机?

在虚拟机启动后遇到了显示CentOS-7.5-x86光盘片文件的问题&#xff0c;并且无法远程连接到虚拟机&#xff0c;有几个可能的解决方法&#xff1a; 检查虚拟机设置&#xff1a;确保虚拟机的网络适配器已正确配置&#xff0c;并且虚拟机配置的网络选项是桥接模式或 NAT 模式&#…...

编程日记 2023/7/30 23:25:55

【Spring Boot 源码学习】走近 AutoConfigurationImportSelector

AutoConfigurationImportSelector 源码解析 引言主要内容1. ImportSelector 接口2. DeferredImportSelector 接口3. AutoConfigurationImportSelector 功能概述 总结 引言 上篇博文我们了解了 EnableAutoConfiguration 注解&#xff0c;其中真正实现自动配置功能的核心实现者 …...

编程日记 2023/7/30 23:24:53

系统学习Linux-MySQL数据库备份（四）

一、概述 数据库备份是指将数据库中的数据、表格、视图、存储过程、触发器等信息备份到另一个地方&#xff0c;一遍在数据库丢失或损坏时进行恢复&#xff0c;数据库备份是数据库管理中必不可少的一项工作&#xff0c;通过备份可以保护数据库中的数据和业务。 二、数据备份的…...

编程日记 2023/7/30 23:23:52

具身智能controller---RT-1（Robotics Transformer）（中---实验介绍）

6 实验 实验目的是验证以下几个问题: RT-1可以学习大规模指令数据&#xff0c;并且可以在新任务、对象和环境上实现zero-shot的泛化能力&#xff1f;训练好的模型可以进一步混合多种其他数据&#xff08;比如仿真数据和来自其他机器人的数据&#xff09;吗&#xff1f;多种方…...

编程日记 2023/7/30 23:22:50

ComfyUI-WanVideoWrapper：5个技巧快速上手14B参数AI视频生成插件

ComfyUI-WanVideoWrapper&#xff1a;5个技巧快速上手14B参数AI视频生成插件 【免费下载链接】ComfyUI-WanVideoWrapper 项目地址: https://gitcode.com/GitHub_Trending/co/ComfyUI-WanVideoWrapper 在AI视频生成领域&#xff0c;ComfyUI-WanVideoWrapper作为一款强大…...

编程新知 2026/4/2 14:58:30

【计算机组成原理】——磁盘性能三要素：容量、寻址与传输的实战解析

1. 磁盘性能三要素&#xff1a;从理论到实战 刚接触计算机组成原理时&#xff0c;我对磁盘性能的理解仅限于"越大越好"。直到有次帮朋友选配NAS存储&#xff0c;面对商家宣传的"7200转高速盘"、"128MB缓存"等参数时&#xff0c;才发现自己完全不…...

编程新知 2026/4/2 14:30:01

DWA算法参数互相影响揭秘：为什么调大直线速度后你的机器人不会转弯了？

DWA算法参数互相影响揭秘&#xff1a;为什么调大直线速度后你的机器人不会转弯了&#xff1f; 在移动机器人导航领域&#xff0c;DWA&#xff08;Dynamic Window Approach&#xff09;算法因其高效性和实用性被广泛应用。然而&#xff0c;许多开发者在调整参数时都会遇到一个典…...

编程新知 2026/4/2 13:40:42

LaTeX模板-主流SCI期刊模板-IEEE模板-Elsevier模板-Springer模板-Science模板-ACM模板-arXiv模板-MDPI模板

出版商模板下载链接适用领域IEEEIEEE-Template Selector电气工程、通信、计算机科学等SpringerSpringerLaTeX模板计算机、数学、生物、医学等多个领域ElsevierElsevier工程、物理、化学、医学、社会科学等ScienceScience跨学科顶刊ACMACM模板计算机科学会议与期刊MDPIMDPI模板自…...

编程新知 2026/4/2 13:24:33

OpenSpeedy游戏变速工具实战指南：打破帧率限制的完整攻略

OpenSpeedy游戏变速工具实战指南&#xff1a;打破帧率限制的完整攻略 【免费下载链接】OpenSpeedy &#x1f3ae; An open-source game speed modifier. 项目地址: https://gitcode.com/gh_mirrors/op/OpenSpeedy OpenSpeedy是一款开源免费的游戏变速工具&#xff0c;能…...

编程新知 2026/4/2 11:36:50

低成本自动化方案：OpenClaw+自部署千问3.5-27B替代ChatGPT API调用

低成本自动化方案&#xff1a;OpenClaw自部署千问3.5-27B替代ChatGPT API调用 1. 为什么选择本地模型OpenClaw组合 去年我用ChatGPT API开发自动化脚本时&#xff0c;发现一个致命问题&#xff1a;当任务需要连续调用多个API时&#xff08;比如先搜索资料再整理成报告&#x…...

编程新知 2026/4/2 11:22:40

从114G输出文件反推：OpenHarmony编译后，out目录里到底装了啥？如何优化存储空间？

从114G输出文件反推&#xff1a;OpenHarmony编译后&#xff0c;out目录里到底装了啥&#xff1f;如何优化存储空间&#xff1f; 当你第一次完成OpenHarmony的完整编译&#xff0c;看到out目录膨胀到51G甚至更大时&#xff0c;难免会感到震惊。更令人头疼的是&#xff0c;随着开…...

编程新知 2026/4/2 10:19:58

为什么Snap卸载Docker总卡在快照？揭秘自动备份机制与3种强制中断方案

为什么Snap卸载Docker总卡在快照&#xff1f;深度解析与实战解决方案 当你尝试卸载通过Snap安装的Docker时&#xff0c;是否遇到过进度条卡在"Save data of snap docker in automatic snapshot set #3"的情况&#xff1f;这种看似简单的卸载操作背后&#xff0c;隐藏…...

编程新知 2026/4/2 9:31:07

从零入门大模型应用开发：收藏这份学习清单，轻松转型高薪岗位！

文章指出当前AI应用开发社招要求已提升&#xff0c;不再满足于简单的API调用或Demo实现。文章警示三类人慎入AI开发社招&#xff0c;并强调能力复合化、工程深度和业务理解的重要性。作者分享了四年AI开发经验&#xff0c;建议深入原理、重构项目经验&#xff0c;并给出了量化解…...

编程新知 2026/4/2 8:38:08

Qwen2.5-14B-Instruct深度微调实录：像素剧本圣殿开源剧本创作指南

Qwen2.5-14B-Instruct深度微调实录&#xff1a;像素剧本圣殿开源剧本创作指南 1. 项目概览 像素剧本圣殿&#xff08;Pixel Script Temple&#xff09;是一款基于Qwen2.5-14B-Instruct大模型深度微调的专业剧本创作工具。这个开源项目将前沿AI技术与复古像素美学相结合&#…...

编程新知 2026/4/2 7:27:10