HTML网页设计
Memory沙漏
对自己的学习进行总结
展开
-
HTML表单
一、简介:这篇文章向大家介绍,(1)Html5新增input类型(2)新增表单元素、(3)新增表单属性、(4)Html表单验证。二、新增的input类型:(1)原有的input类型:input标签type属性值功能text普通文本框,默认值password密码框radio单选按钮checkbox多选按钮file文件上传组件butt...原创 2021-06-26 00:55:52 · 218 阅读 · 1 评论 -
Html下拉滚动事件
一、需求Html网页,下拉事件,下拉到底就加载数据,不断下拉不断出数据。二、实现关键代码介绍1.onscroll 事件在元素滚动条在滚动时触发。https://www.runoob.com/jsref/event-onscroll.html2.滚动条滚动时,距离顶部的距离**document.documentElement.scrollTop || document.body.scrollTop;**![在这里插入图片描述](https://img-blog.csdnimg.cn/202104原创 2021-04-07 10:42:13 · 1175 阅读 · 0 评论 -
HTML图片轮播
一、简介:之前我也写过图片轮播的 文章,写的不是很详细只有效果图片展示及相应的代码展示,而且js代码也写得很乱。这一次我又重新学习了一遍图片轮播,并对它进行了代码整理让你们更容易理解二、文件目录:三、图片素材:四、图片轮播得二种方式:第一种:使用background: url()设置标签背景的方式,通过js对css样式进行修改实现图片轮播<!DOCTYPE htm...原创 2020-03-14 03:42:04 · 40873 阅读 · 15 评论 -
HTML5新增文档结构元素
一、简介:相比HTML4在HTML5中有一个比较重大的变化就是新增了很多新的结构元素,例如article、section、aside、nav、header等。这些元素和div的元素有类似的功能,但是具有更强的语义表示。总结一句话就是:“见其名知其意”。二、为什么要引入语义元素呢:在这里很多朋友就会产生疑问了,这些新语义元素既然和div的元素具有类似的功能为什么还要引入这些语义元素呢?以...原创 2020-03-13 19:42:15 · 1570 阅读 · 0 评论 -
HTML网页时钟设计(js实现)
HTML: <!doctype html> <html> <head> <meta charset="utf-8"> <title>网页时钟</title> <meta name="Keywords" content="网页时钟"> <meta name...原创 2019-07-15 17:38:41 · 7879 阅读 · 6 评论 -
HTML图片轮播
一、简述:如果自己创建闲麻烦可以下载源码,代码的素材也发出,在文章的下面可自行下载。二、源码下载:https://download.csdn.net/download/m0_45329584/11348612三、文件创建:index.html:<!doctype html><html><head><meta charset="utf-8...原创 2019-07-16 14:22:21 · 12224 阅读 · 4 评论