前端HTML和CSS
关注
分享
扫一扫
文章平均质量分 74
@二十六
这个作者很懒，什么都没留下…
展开
-
HTML中支付密码输入框
在工作当中遇到了一个需要支付密码输入框的需求，大概的需求类似在转账时，输入密码时的输入框，每一位密码之间都有间隔，但是普通的input标签并不能实现类似的效果。 这里我使用ul和input实现了类似的效果，每一个密码数字都是单独的，之间具有间隔。效果如下图： 原理：页面当中有一个ul，还有一个隐藏的input框，当点击ul时，利用JS控制input输入框获取到焦点，这样当我们输入数...原创 2020-03-28 10:12:27 · 1024 阅读 · 0 评论 -
漂亮的搜索页面
Home页面 在页面当中，可以直接输入要搜索的东西，点击搜索图片或者按下Enter键就可以进行搜索，原理就是利用JS改变浏览器地址栏中的URL，效果图如下，如果输入的内容为空，则会进行提示；代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...原创 2020-02-24 20:20:36 · 5213 阅读 · 9 评论 -
HTML5之meta标签
搜索引擎在检索页面时，会同时检索页面中的关键词和描述，但是关键词和描述不会影响页面在搜索引擎中的排名。1、使用meta标签可以用来设置网页的关键字 <meta name="keywords" content="HTML5视频教程">2、使用meta标签还可以用来设置网页的描述 <meta name="description" content="尚硅谷发布了javasc...原创 2019-07-29 09:00:49 · 218 阅读 · 0 评论 -
网页中的编码和进制问题总结
1、编码和解码编码：是指依据一定的规则，将字符转换为二进制编码的过程。解码：是指依据一定的规则，将二进制编码转换为字符的过程。字符集：编码和解码使用的规则，我们称为字符集。常见的字符集：ASCII、ISO-8859-II、GBK、GB2312、UTF-8GB2312为中文系统的默认编码UTF-8为万国码，支持地球上的所有文字ANSI会自动以系统的默认编码来保存文件 产生乱码的根本...原创 2019-07-24 20:48:45 · 607 阅读 · 0 评论 -
HTML5的文档声明
HTML5的文档声明<!DOCTYPE html> 上面的代码块是HTML5的文档声明，声明当前的网页是按照HTML5的标准编写的。 编写网页时，一定要将HTML5的文档声明写在网页的最上面，如果不写文档声明，则会导致有些浏览器进入怪异模式。进入怪异模式以后，浏览器解析页面会导致页面无法正常显示，所以为了避免进入该模式，一定要写文档声明。常用的文档声明HTML5<...原创 2019-07-25 10:36:16 · 5958 阅读 · 0 评论 -
如何在HTML页面中编写大于号和小于号？（HTML实体）
1.HTML实体 在HTML中，我们是不能直接使用大于号">“和小于号”<"的，因为浏览器会将这些当作标签进行处理，这样一来就不能正常显示，所以需要使用到HTML的实体。 在 HTML 中，某些字符是预留的。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。例如：<!DOCTYPE html><...原创 2019-07-26 17:08:44 · 39621 阅读 · 0 评论 -
HTML5中的图片标签
HTML5图片标签 如果想要在网页中加载一张图片，那么就需要用到HTML中的图片标签，即img标签，img标签是一个自结束标签。 img标签的属性如下所示：src：设置一个外部图片的路径，可以使用相对路径和绝对路径也可使用一个链接。alt：可以用来设置在图片不能显示时，对图片的描述，搜索引擎可以通过alt属性来识别不同的图片，如果不写alt属性，则搜索引擎不会对img中的图片进行收录...原创 2019-07-27 14:55:43 · 985 阅读 · 0 评论