HTML
关注
分享
扫一扫
大数据专业学生的前端学习之旅，以一个个小作业的形式，带你走进前端大门。
你的大数据学长
这个作者很懒，什么都没留下…
展开
-
HTML综合之实现耀炎食品有限公司网页
HTML综合之实现耀炎食品有限公司网页效果展示导航栏首页品牌与产品联营合作配套服务门店信息关于我们框架构思代码结语效果展示导航栏鼠标放在上面，会发现相应的变化，点击图片可以改变，效果如下所示首页品牌与产品联营合作配套服务门店信息关于我们框架构思我将整个页面分成了两个大框架。将上图两部分设为一个整体，因为该部分变化少，将其写死在一个 html 文件中，可以...原创 2020-02-21 23:05:00 · 5522 阅读 · 1 评论 -
HTML+JS+CSS实现学生信息管理系统
HTML+JS+CSS实现学生信息管理系统效果页面增删改查翻页代码难点难点1难点2难点3难点4结语效果话不多说，直接看效果，本次代码较为复杂，希望大家可以耐心阅读，不懂的可以评论或者邮箱联系我（1079349989@qq.com）。完整代码也可以在我的GitHub中找到，GitHub链接在此页面增点击新增按钮，弹出如下 新增学生信息 输入框架，输入内容，点击提交，回到初始页面，并将内...原创 2020-02-21 21:59:36 · 49340 阅读 · 38 评论 -
纯JS+HTML+CSS实现表格增删改查翻页--模板文件管理
纯JS+HTML+CSS实现简单表格增删改查原创 2020-02-20 20:59:20 · 18891 阅读 · 9 评论 -
HTML之JQuery框架实现表单验证
HTML之JQuery框架实现表单验证目标代码结果展示目标输入用户名至少在六位以上，自动验证邮箱是否正确。当输入不正确时，会有提示。当输入正确后，也会有提示。代码该代码和所需的文件，都可在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UT...原创 2020-02-18 19:34:16 · 3767 阅读 · 0 评论 -
纯HTML+CSS实现DIV做矩形运动
纯HTML+CSS实现DIV做矩形运动预计效果代码关键代码解释结果展示预计效果代码该代码可在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DIV做矩形运动</title> ...原创 2020-02-18 16:22:38 · 5611 阅读 · 0 评论 -
HTML之Vue框架计算属性computed的简单使用实现自动计算总分和平均分
HTML之Vue框架计算属性computed的简单使用实现自动计算总分和平均分预计效果代码结果展示预计效果页面输入数学、物理、英语分数，自动计算出总分和平均分，并展示到界面，如下图所示代码该代码可在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2020-02-17 21:45:00 · 8753 阅读 · 0 评论 -
HTML之Vue框架v-for、v-if的简单使用
HTML之Vue框架 v-for、v-if 的简单使用目标代码结果展示目标数据定义一个数组，通过对v-for的使用，实现如下界面使用v-if，使上述的奇数行不出现，效果如下图所示代码该代码可在我的GitHub中找到，链接在此index1.html：<!DOCTYPE html><html lang="en"><head> <m...原创 2020-02-17 19:20:05 · 6312 阅读 · 1 评论 -
HTML之Vue框架实现Hello World
HTML之Vue框架实现Hello World什么是Vue代码结果图什么是VueVue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。代码该代码可在我的GitHub中找到，链接在此<!DOCTYPE html>...原创 2020-02-17 18:53:08 · 3808 阅读 · 0 评论 -
HTML+JS读取表单数据
HTML+JS读取表单数据预计效果代码分析结果展示预计效果表单提交时，通常需要对表单实行数据有效性验证，验证数据的前提是读取表单元素的数据。如下图1所示的表单，在点击“提交”按钮时要读取登录名、密码、确认密码、性别、年龄等数据。然后用在网页上用警示框提示出用户所输入的每一项，如下图2。代码该代码可在我的GitHub中找到，链接在此<!DOCTYPE html><h...原创 2020-02-16 20:23:12 · 10835 阅读 · 2 评论 -
HTML+JS实现动态设置标签内容之显示时间
HTML+JS实现动态设置标签内容之显示时间代码关键代码解释setInterval()Date 对象结果展示代码该代码可在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态设置标签内容<...原创 2020-02-16 20:05:28 · 4723 阅读 · 0 评论 -
HTML+JS实现页面跳转
HTML+JS实现页面跳转代码关键代码解释结果展示代码话不多说，先上代码，该代码极其简单，可在我的GitHub中下载，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面跳转</title> <...原创 2020-02-16 19:04:15 · 10055 阅读 · 1 评论 -
HTML+JS+CSS实现选项卡控制标签页的显示或隐藏
HTML+JS实现选项卡控制标签页的显示或隐藏预计效果代码结果展示预计效果为了在网页布局有限的区域尽可能多地显示内容，很多网站在首页中普遍采用了选项卡和标签页相结合的内容显示方式。效果如下图当鼠标移动到娱乐的标签上，页面变为如下图代码完整代码和需要图片可在我的GitHub中找到，也可自行寻找图片，链接在此<!DOCTYPE html><html lang="e...原创 2020-02-16 18:52:58 · 5107 阅读 · 1 评论 -
HTML+JS实现一组复选框的全选、取消、反选
HTML+JS实现一组复选框的全选、取消、反选预计效果代码关键代码解释结果展示预计效果实现一组复选框的全选、反选、取消选中的功能，界面如下图代码该代码可在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...原创 2020-02-15 21:04:14 · 4634 阅读 · 0 评论 -
HTML之实现可隐藏式导航栏
HTML之实现可隐藏导航栏预计目标部分代码展示关键代码解释frame框架用法hideOrDisplayNavFrame()函数解释结果展示预计目标论坛系统中左右两列的框架集结构便于浏览者导航，但同时也使得浏览者的工作区域变小。浏览者希望必要的时候可以隐藏框架集中的某个框架，以使得其他相邻的框架占据尽可能打的面积，如下图所示。现在希望在 tool.html 页面中放置一个自定义命令按钮，单机此按...原创 2020-02-15 19:35:31 · 13835 阅读 · 1 评论 -
JavaScript之点击打开新网页--渐入HTML8
JavaScript之点击打开新网页--渐入HTML8代码关键代码解释结果展示代码非常简单的一个代码，所有代码都可以在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浏览器对象-window&l...原创 2020-02-14 21:23:36 · 4492 阅读 · 0 评论 -
JavaScript之将数字字符转化为数字以参与数学运算--渐入HTML7
JavaScript之将数字字符转化为数字以参与数学运算--渐入HTML7原创 2020-02-14 21:04:45 · 3916 阅读 · 0 评论 -
初入JavaScript之实现电子邮件验证函数--渐入HTML6
初入JavaScript之实现电子邮件验证函数--渐入HTML6代码关键代码解释结果展示代码话不多说，先上代码，代码可以在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实现电子邮件验证函数&l...原创 2020-02-13 22:11:54 · 3648 阅读 · 0 评论 -
初入JavaScript之JS的简单运用--渐入HTML5
初入JavaScript之JS的简单运用--渐入HTML5关键代码介绍document.write()使用循环输出直角三角形图案代码效果图使用循环输出斜边在左侧的指教三角形图案代码效果图使用循环输出等腰三角形图案代码效果图使用循环输出100以内除7的倍数之外的整数代码效果图锯齿数组的简单使用代码效果图在网页中显示日期时间代码效果图关键代码介绍document.write()document....原创 2020-02-13 21:19:56 · 4176 阅读 · 0 评论 -
HTML+CSS综合实验之简单实现环球互联网产业园网页--渐入HTML4
HTML+CSS综合实验之简单实现环球互联网产业园网页--渐入HTML4预计效果图代码展示关键代码解释css伪类结果展示预计效果图代码展示话不多说，先上代码，完整代码与所需文件(图片)可在我的GitHub中找到，链接在此<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2020-02-09 21:07:40 · 4817 阅读 · 4 评论 -
HTML框架的简单使用--初入HTML3
HTML框架的简单使用--初入HTML3预计效果图代码展示关键代码解释frameset 示例代码代码解释示例结果展示结果展示预计效果图代码展示话不多说，先上代码，完整代码可在我的GitHub中找到，链接在此frame_sets.html：<!DOCTYPE html><html lang="en"><head> <meta char...原创 2020-02-07 16:43:37 · 4403 阅读 · 0 评论 -
HTML实现产品基本信息表单--初入HTML2
HTML实现产品基本信息表单--初入HTML2预计效果图预计效果图原创 2020-02-06 21:25:33 · 6978 阅读 · 3 评论 -
纯HTML代码绘制表格--初入HTML1
纯HTML代码绘制表单--初入HTML1预计效果图代码关键代码解释预计效果图代码话不多说，先上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>中国邮政储蓄银行</title></head>...原创 2020-02-02 18:32:48 · 4469 阅读 · 1 评论