html
关注
分享
扫一扫
诸葛苍穹
...
展开
-
常用的 DOCTYPE 声明
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）HTML 4.01 StrictXHTML 1.0 Strict 必须以格式正确的 XML 来编写标记。该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。HTML 4.01 TransitionalXHTML 1.0 Transitional 必须以格式正确的 XML 来编写标记。该 DTD 包原创 2021-12-24 21:07:43 · 286 阅读 · 0 评论 -
获取SVG文字的长度和高度
获取SVG文字的长度和高度 body { font-family: sans-serif; font-size: 0.7em; }pre { position: absolute; top: 0px; left: 180px; font-size: 1.3em; }svg { shape-...原创 2018-02-07 22:35:37 · 5084 阅读 · 0 评论 -
用dom-to-image将html生成图片
由于业务需要，要将html的表格转成图片下载下来，一开始使用的是html2canvas.js。功能是可以实现，但是有缺陷（表格存在合并的单元格时，生成的图片表格线框不完整），后来很不容易知道了dom-to-image.js,尝试之后觉得非常不错。 废话不多说，开搞。 第一步：下载必要的js库 ① jquery库（不使用jquery...原创 2018-02-09 23:12:33 · 40104 阅读 · 22 评论 -
动态创建树节点tree
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><a id="create" href="javascript:void(0)">创建列表</a></body></html><script type="text/javascri原创 2017-08-31 00:17:28 · 1067 阅读 · 0 评论 -
列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body></body></html><script type="text/javascript"> var ol = document.createElement("ol");原创 2017-08-30 23:44:32 · 219 阅读 · 0 评论 -
文字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><div id="box" style="width: 900px; color: rgba(0,255,0,1);line-height: 100%; height: 300px;原创 2017-08-30 22:44:35 · 196 阅读 · 0 评论 -
图片上传form表单需要设置的属性
对话框中，操作留空，方法选择“post”，编码类型输入“multipart/form-data”，名称命名为“upload_form”，其中编码类型必须为“multipart/form-data”。点击确定，产生的代码如下：<body><form action="" method="post" enctype="multipart/form-data" name="upload_form"></原创 2017-05-07 21:32:40 · 14839 阅读 · 0 评论 -
弹幕
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body style="background-color: #000000"><input type="text" id="txt" style="width: 300px;height: 50px;"/><i原创 2017-03-14 23:44:57 · 355 阅读 · 0 评论 -
html5地理信息demo
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><input type="button" value="请求" style="display: block;" id="btnRes"><textarea name="" id="原创 2016-09-29 21:38:09 · 466 阅读 · 0 评论 -
meta的用法
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用原创 2015-12-28 10:06:46 · 496 阅读 · 0 评论 -
html css 十一条网页设计经典实用的代码片段
一、将填充和边距都设置为零body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}也有使用通配符{padding:0;margin:0;}网站利弊端都各有其说法，对于号这种，是把所有元素的内外边距都设置为了0，可能有些会出原创 2015-12-09 16:34:41 · 1993 阅读 · 1 评论 -
bootSt导航
<div class=" page-header">导航</div><div class="navbar navbar-fixed-top"><div class="navbar-inner"><div class="container"><ul class="nav"><a class="brand">标志</a><li ><a href="http://www.baidu.com">首原创 2015-11-12 12:00:25 · 490 阅读 · 0 评论