HTML - 技术教程文章
把DATATABLE,DS中的内容用HTML的方式显示【图】
前几天,在搞一个数据显示的时候,因为是不固定的列的,所以需要动态创建列,这里面就运用一下,直接把数据库的Table显示在Html上,有两种方法,但是都有相应的缺点,第一个,如果内容太多,长度不好控制,第二个,暂时不能动态列,好了,看代码吧:第一个: 在很多场合下有用比如要发送一封Email给别人，这个Email里面的内容自然只能用HTML来写，如果涉及到数据显示的话，用这个会很方便using System;using System.Data;using System.Configurati...
html的常用标签和属性【图】
今天在云和学院学习了html.html:超文本标识（标记）语言页面格式： 标签名 标签属性页面内容： 文本 媒体?HTML基本结构 <html></html>?段落标签 <p></p>?空格标签  ?标题标签 <h#>: #=1~6?图片标签 <img src=“…” />?注释标签 <!-- -->?HTML水平线 <hr />?HTML拆行 <br />?HTML中的特殊符号?>(>)、<(<)、&(&)、空格( )image图像显示：<img src="1.jpg" alt="我的男男男男朋友" width="100" height=...
HTML标签（一）【代码】
1、HTML概述 html全称HyperText Mackeup Language，翻译为超文本标记语言，它不是一种编程语言，是一种描述性的标记语言，用于描述超文本内容的显示方式。比如字体、颜色、大小等。2、HTML颜色介绍 颜色表示:纯单词表示：red、green、blue、orange、gray等10进制表示：rgb(255,0,0)16进制表示：#FF0000、#0000FF、#00FF00等3、HTML的规范HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统...
HTML5实现文件上传下载功能实例解析【图】
前言：因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传，而自己对java文件上传这一块未接触过，且对 Http 协议较模糊，故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版...
HTML5-canvas【代码】
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<meta http-equiv="X-UA-Compatible" content="ie=edge"> 7<title>Document</title> 8</head> 9<body>10<canvas id="myCanvas" width="300" height="300" style="border:1px solid black"></canvas>11<img id="scream" src="https://www.runoob.com/try/demo_source/img_the_screa...
html链接路径
html链接的相对路径与绝对路径绝对路径完整的一个路径就是绝对路径，即包含schema://host[:port#]/path/.../[?query-string][#anchor]例：http://news.sina.com.cn/world/相对路径第一个字符为斜杠/, redirect(‘/hello‘) 例：“/hello”, 这种会自动帮你添加你的协议名+域名+端口， 假设你的前一节为http://www.baidu.com:8000/aa， 系统会自动匹配为"http://www.baidu.com:8000/hello"我们实际情况中一般使用这种 第一个...
html 中的列表【代码】
html 中列表可以分为 1. 无序列表(ul--li 的形式) 2. 有序列表(ol li的形式) 3. 定义列表(dl 的形式) 下面来看几种列表的具体内容： 1.无序列表. 无序列表的格式如下： <ul><li> li1</li><li> li1</li><li> li1</li><li> li1</li></ul> 无序列表有一些自带的默认样式，而且这些自带的默认样式在不同的浏览器中显示出来的效果是不一样的。我们一般使用 reset.css 去清楚这...
C#中HTML/XML处理及正则表达式【代码】【图】
HTML Parser 一个比较方便的html解析package是HtmlAgilityPack，可以按照如下图显示在Visual Studio中安装。 使用该包的一个简单实例代码如下：publicstaticboolCrawlCategoryReviewInfo(string categoryUrl){var resp = HttpUtils.GetResponseData(categoryUrl);if (resp == null){logger.Info("Failed to request the category page from Suning server!");returnfalse;}HtmlDocument document = new HtmlDocument();document.L...
html5 之 canvas 相关知识(一)概念及定义【代码】
什么是 Canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。<canvas> 标签只是图形容器，它没有自己的行为，需要定义API 支持脚本化客户端绘图操作。创建 Canvas 元素canvas的代码很简单，定义一个ID以及宽和高。这里强调一点：canvas的宽高必须写在元素上，如果用样式定义，不能改变其图片的比例<canvas i...
html5 meta头部设置
<meta name="viewport" content="height=[pixel_value | device-height], width=[pixel_value | device-width], inital-scale=float_value, minimum-scale=float_value, maximum-scale=float_value, user-scalable=[yes|no], target-densitydpi=[dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]" />width:控制 viewport的大小，可以指定一个值或者特殊的值，如 device-width为设备的宽度（单位为缩放为 100%时的 css 的...
html5—Bootstrap【代码】
（注：本笔记是本人在菜鸟教程网站https://www.runoob.com/bootstrap学习时所做的记录）一、Bootstrap介绍Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。二、Bootstrap包的内容基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在 Bootstrap 基本结构 部分详细讲解。CSS：Bootstrap 自带以下特性：全局的 CSS 设...
HTML课上小结【图】
HTML翻译为超文本标记语言<标签名>内容</标签名>静态网页动态网页的区别是看是否从数据中提取数据一般网页由几部分组分组成<html>开始标签 <head>头，即为网页上的控制信息 <title>页面上的标题</title> </head><body，其属性一般有bgcolor页面背景色，text文字颜色，tpmargin上页边距，leftmar左页边距，backgroung背景壁纸> 页面显示内容，一般的标签 <font color="" size="" face=""></font>颜色，大小，...
JavaWeb — 02 HTML+CSS
JavaWeb — 02 HTML+CSS软件架构： 1. C/S: Client/Server 客户端/服务器端 * 在用户本地有一个客户端程序，在远程有一个服务器端程序 * 如：QQ，迅雷... * 优点：1. 用户体验好 * 缺点：1. 开发、安装，部署，维护 麻烦 2. B/S: Browser/Server 浏览器/服务器端 * 只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序 * 优点：1. 开发、安装，...
html5 本地缓存
<!DOCTYPE html><html><head><meta charset="utf-8"><title>访问计数</title></head><body><div id="counter_div"></div></body></html><script type="text/javascript"> // 递增localStorage计数 if (localStorage.counter == null) { localStorage.counter = 1; } else { localStorage.counter++; } // 显示计数 var counter_div = document.getElementById("counter_div"); counter_div.innerHTML = localStorage...
HTML报表中的数字格式掩码问题（to_char）
输入输出to_char(now(),‘Day, HH12:MI:SS‘)‘Tuesday , 05:39:18‘to_char(now(),‘FMDay, HH12:MI:SS‘)‘Tuesday, 05:39:18‘to_char(-0.1,‘99.99‘)‘ -.10‘to_char(-0.1,‘FM9.99‘)‘-.1‘to_char(0.1,‘0.9‘)‘ 0.1‘to_char(12,‘9990999.9‘)‘ 0012.0‘to_char(12,‘FM9990999.9‘)‘0012‘to_char(485,‘999‘)‘ 485‘to_char(-485,‘999‘)‘-485‘to_char(485,‘9 9 9‘)‘ 4 8 5‘to_char(1485,‘9,999‘)‘ 1,...
在HTML中使用javascript
1.JavaScript文件应该放在网页的什么位置JS文件放在网页的什么位置更为合适。一般来说，做前端开发有个最简单的原则：CSS放在页头，JavaScript放在页尾。那么究竟为什么这么放呢，这就是我们今天研究的主题——JavaScript文件应该放在网页的什么位置？先JavaScript，然后html，最后CSS。那么这样的排列顺序有什么弊端呢？试想一下，浏览器加载网页，加载到JavaScript时，脚本非 常多，加载脚本要花很长一段时间，而这段时间中，因为...
html5的结构标记与内联元素
<article>标签定义外部的内容（结构元素）<section>标签定义文档中的节（section，区段）。比如章节，页眉，页脚或文档中的其他部分（结构元素）<nav>引导和导航内容链接<aside>定义页面内容之外的内容。 aside的内容与article的内容相关。（结构元素）<meter>定义预定义范围内的度量。仅用于已知最大和最小值的度量（内联元素）<progress>定义任何类型的任务的进度。可以使用<progress>标签来显示javascript中耗费时间的函数的进度...
使用HTML5 Canvas创建动态粒子网格动画【代码】【图】
最近看到一个粒子网格动画挺炫的，自己也就做了一个，当背景挺不错的。CSDN不能上传超过2M的图片，所以就简单截了一个静态图片：可以点击这里查看动画.下面就开始说怎么实现这个效果吧： 首先当然是添加一个canvas了：<canvasid="canvas"></canvas>下面是样式：<style>#canvas{position: absolute;display: block;left:0;top:0;background:#0f0f0f;z-index: -1;}</style>上面canvas的z-index: -1的作用是可以放在一些元素的下面当...
Html5 拖放【代码】
浏览器支持Internet Explorer 9+、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释：在 Safari 5.1.2 中不支持拖放。HTML5 拖放实例下面的例子是一个简单的拖放实例：实例<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function allowDrop(ev) { ev.preventDefault(); }function drag(ev) { ev.dataTransfer.setData("Text",ev.target.id); }function drop(ev) { ev.preventDefault();//allowDrop(ev) ...
html之input系列标签【代码】【图】
input属性太多，我这里仅列出几个我喜欢的吧。disabled:首次加载时禁用此元素checked:首次加载时选中此元素form:输入字段所属的一个或多个表单hieght:定义input字段的高度，适用于type=imagemax_length:输入字段中字符的最大长度min:与上相反name:定义input元素的名称pattern:输入字段值的模式或格式multiple:允许一个以上的值required:输入字段的值是必须的size:输入字段的宽度width:输入字段的宽度，适用于type=imagetype: bu...
HTML+css基础认识
标签：<div><span css属性：width,height,padding:上下 左右; margin:上 右 下 左;position:absolute/relative/fixed/static; <p> css属性：font-family,font-size,font-weight,font-style,color,text-decoration,text-align:justify;letter-spa...
html基础知识复习笔记
什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页 HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <html>HTML 标签通常是成对出现的，比如 <b> 和 </b>标签对中的第一个标签是开始标签，第二个标...
基于浏览器的HTML5地理定位【代码】【图】
地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理和一个基于浏览器的HTML5地理定位的小demo，获取浏览器经纬度，并用腾讯地图（大家可以选择自己喜欢的地图）显示出来，实现的最终效果如下图所示：一、检测浏览器是否支持： if (navigator.geolocation) { //console.log("浏览器支持!"); }else {...
自学html--one
一、.html .htm .shtml三者的区别：1、.htm与.html没有本质上的区别，表示的是同一种文件，只是适用于不同的环境之下。2、DOS仅能识别8+3的文件名，所以*.htm的命名方法可以被DOS识别，而*.html的文件命名方式不能被之识别。3、在UNIX系统中，网页必须使用.html扩展名，如果是htm，在浏览器中打开时则出现源代码；Windows中支持两种扩展名。也可以说，htm和html是Windows和UNIX对抗的产物。4、如果在网页中同时存在index.html与i...
PHP htmlspecialchars和htmlspecialchars_decode(函数)
PHP htmlspecialchars和htmlspecialchars_decode(函数)htmlspecialchars() 函数把一些预定义的字符转换为 HTML 实体。函数原型：htmlspecialchars(string,quotestyle,character-set)预定义的字符是：& （和号） 成为 &” （双引号） 成为 "‘ （单引号） 成为 < （小于） 成为 <> （大于） 成为 > htmlspecialchars_decode() 函数把一些预定义的 HTML 实体转换为字符（和htmlspecialchars相反）。函数原型：htmlspecialc...
#8;html text计算限制功能【代码】【图】
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #d12f1b } span.s1 { color: #ba2da2 } span.s2 { color: #957e35 } span.s3 { } span.s4 { color: #000000 }数字格式 1~100 保留小数点后两位<input type="text" id="bizText" oninput="checkNum(this)" pattern="[0-9.]*" maxlength="5"/>%function checkNum(obj) {//只能输入数字和.obj.value=obj.value.replace(/[^\d.]/g,‘‘);//检查是否是非数字值if (...
HTML-CSS写抽屉网的置顶区域【代码】【图】
1.在pycharm的已有工程中新建一个html文件。2.在<body></body>标签内部写入要内容：<div class=‘head-box‘ ><div class="content-box"><a href="#" class="logo"></a><div class="action-menu"><a href="#" class="tb active">全部</a><a href="#" class="tb">42区 </a><a href="#" class="tb">段子</a><a href="#" class="tb">图片</a><a href="#" class="tb">挨踢1024</a><a href="#" class="tb">你问我答</a></div><div clas...
HTML 5 断点续上传
断点上传，java里面比较靠谱一点的，一般都会选用Flex。我承认，Flex只是摸了一下，不精通。HTML 5 有个Blob对象（File对象继承它），这个对象有个方法slice方法，可以对一个文件进行分片。基于前些日子写的《WebSocket的服务端实现》，再加上HTML 5的File API(可参考：HTML5中的文件处理 之 File API，或者W3C File API)和WebStorage。做了一个段断点续传的demo。 代码比较挫，把一个文件分成一个个小片之后，每一次上传都...
html(四)数据库curd操作与分页查询【代码】【图】
数据库操作curd ：1.首先要建立项目处理好自己逻辑包：其中util工具包中建立两个工具类 jdbc连接和page分页DBUtil.java：db工具类就是用于连接数据库的jdbc架包，里面是curd的实现。 1package com.etc.utils;2 3import java.sql.Connection;4import java.sql.DriverManager;5import java.sql.PreparedStatement;6import java.sql.ResultSet;7import java.sql.SQLException;8 9import javax.sql.rowset.CachedRowSet;10 11import...
百度Ueditor编辑器的Html模式自动替换样式的解决方法
百度的Ueditor编辑器出于安全性考虑，用户在html模式下粘贴进去的html文档会自动被去除样式和转义。虽然安全的，但是非常不方便。做一下修改把这个功能去掉。一、打开ueditor.all.js二、大概9300行找到 ///plugin 编辑器默认的过滤转换机制，把下面的[javascript] view plain copy ‘allowDivTransToP‘:true 值改成false。为true的时候会自动把div转成p。三、大概9429行，有个case ‘li‘，这个是把li里面的样式去掉，把这个case...