HTML - 分享生活和学习中的点点滴滴

前端技术 2023/09/06 HTML

基本形状SVG提供了很多的基本形状，这些元素可以直接使用，这一点比canvas好多了。废话不说了，直接看例子，这个最直接：复制代码代码如下:<svg width=\"200\" height=\"250\"> <rect x=\"10\" y=\"10\" ...

HTML5 创建canvas元素示例代码

前端技术 2023/09/06 HTML

HTML5 创建canvas元素复制代码代码如下:  <!DOCTYPE html> <html>...

前端技术 2023/09/06 HTML

（1）概念的变化： HTML5专注内容与结构，而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> <nav>菜单</nav> <art...

前端技术 2023/09/06 HTML

复制代码代码如下: <pre name=\"code\" class=\"html\">tank.html</pre><pre name=\"code\" class=\"html\"><!DOCTYPE html> <ht...

前端技术 2023/09/06 HTML

效果截图：实现代码：复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1...

前端技术 2023/09/06 HTML

最近发现多个div中table的td就算调成一样的width也无法对齐，而且在width方面也没有什么规律后来看了一篇《table里td标签的width属性在ie浏览器中无效解决方法》一文，里面提到<table ....style=\"table-lay...

前端技术 2023/09/06 HTML

因frameset和body平级所以不能将frameset放在body里可以先在一个页面里放个iframe，再定向到一个页面，这个页面里放frameset 复制代码代码如下: <body style=\"width:100%;height:100%;o...

前端技术 2023/09/06 HTML

抽时间写了一个带有自动校验功能的Html5用户注册Demo。使用到Handlebars模板技术和手机验证码校验。以下是效果截图： 1.页面代码：usersRegister.hbs XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> ...

用HTML5制作数字时钟的教程

前端技术 2023/09/07 HTML

就是这个数字时钟，当时觉得这个创意不错，但是也没去折腾。直到昨天同事又在网上看到这个案例，他觉得很酷炫，就跑过来问我，这个是怎么实现的，然后我大概想了一下实现方法后也来了点兴趣，就花了一点时间模仿做出来了一个。不同的是，岑安用的是div来做的。而我就是用canvas来实现的。...

前端技术 2023/09/07 HTML

有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，简单的例子代码如下：复制代码代码如下: <html> &lt...

关闭

我的博客