表单元件库组件、框架、web前后端Bootstrap、导航栏、边框、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、html、前端代码、js、css 适用范围：PC端，前端页面展示 适用软件: H-builder 、VSCode、WebStrom、HbuilderX等前端开发软件 文件类型: .html web前后端Bootstrap框架演示地址：https://www.pmdaniu.com/storages/126521/3329004c0c6272c155a1dbba353239cb-114945/start.html#g=1&p=%E4%BB%AA%E8%A1%A8%E6%9D%BF1

下载后直接解压，然后运行index.html即可开始练习 从最简单的标签选择器开始，逐渐提升难度。 总共32关

古诗词赏鉴网站，只有html的前端示例界面，布局方面和“古诗文网”大致相同（侵删） 功能如下： 首页登录：随机显示诗词推荐，管理员或用户登录 （1）用户 咬文嚼字：古诗词查阅、解读、下载，与同好交流 举善荐贤：根据个人资料及浏览记录进行诗词推荐 沧海遗珠：发表原创诗词，分享本网未收录的诗词 直言不讳：对本网站提出建议与意见，或进行纠错 独树一帜：修改密码、个人资料、浏览与收藏记录 （2）管理员： 审核用户在“直言不讳”中的发言，无论是否通过审核，均给用户回复 审核用户在“沧海遗珠”中的发言，若无误，则通过审核；若有误，则自行修改或令用户自行修改。无论是否通过审核，均给用户回复 审核用户在“咬文嚼字”的评论区中的发言，若通过审核，则在评论区显示；若未通过，则告知用户原因。无论是否通过审核，均给用户回复 古诗词的增删改查

后台管理系统、商品管理、商品发布、商品回收、订单管理、退款管理、运营管理、商城设置、导航分类、营销管理、优惠券套餐、数据统计、活跃用户、数据埋点、财务管理、对账单、财务数据、账户资产、账号管理、电商后台、html、前端代码、js、css 适用范围：PC端，前端页面展示 适用软件: H-builder 、VSCode、WebStrom、HbuilderX等前端开发软件 文件类型: .html HTML演示地址：https://www.pmdaniu.com/storages/126486/b93697bc88ec64b68036c254c4312c01-116406/%E7%B3%BB%E7%BB%9F%E6%A1%86%E6%9E%B6%EF%BC%88%E5%8F%B3%E4%BE%A7%E8%8F%9C%E5%8D%95%E6%A0%B7%E5%BC%8F%EF%BC%89.html

完美兼容PC和移动端 ，Demo演示： http://tyson.fun/PJ/movie/

html手机扫码DOM 已经实现拍照扫码与上传扫码 内包含qrcode.js qrcode.lib.min.js quagga.min.js zepto.js等相关js文件

本文的核心是侧重于HTML/CSS的框架，JS框架或以JS为核心的框架不讨论(比如YUI)；多屏已是既定事实，虽然不是所有开发都要考虑自适应，但有自适应功能至少说明了这框架短期内不会被淘汰。前端工程师可以拿来修改后适用。

可视化大屏、智能联勤、地区治安、物流、医院、地图、能源电子看板、政务、信访、预警、运单、数据监控、销售数据、数据看板、可视化看板、智慧看板、统计图表、物联网、数据统计、图表组件、驾驶舱、登录、时间轴 、html、前端代码、js、css 适用范围：PC端，大屏展示 适用软件: H-builder 、VSCode、WebStrom、HbuilderX等前端开发软件 文件类型: .html HTML演示地址：https://www.pmdaniu.com/storages/126337/a4a55024b858cbb047eaa72b29ce71f2-116406/start.html#g=1&p=%E6%A8%A1%E6%9D%BF%E4%BA%94%E5%8D%81%E4%B8%83%EF%BC%88%E5%9C%B0%E6%96%B9%E5%8A%9E%E4%BA%8B%E7%BB%9F%E8%AE%A1%EF%BC%89

用的是纯css html做的一个小项目，总共1000行代码左右，并且用媒体查询写了PC端和M端即手机端和电脑端的官网，用谷歌浏览器打开，右击鼠标点一下检查，然后调一下屏幕的像素大小，该文件当像素在700以下时时手机端，700以上时时电脑端的样子

HTML前端基础小案例（满屋花）-附件资源