html表格 | 易学教程

前端1

阅读更多关于前端1

HTML初识 click 点击 hover 悬浮 blur 失去焦点 focus 获取焦点 change 内容变化 keyup 按键启动 HTML初识 △HTML: 超文本标记语言，是一种用于创建网页的标记语言，不是编程语言,没有逻辑本质上是浏览器可识别的规则我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm（没有区别）网页文件的扩展名：.html或.htm（没有区别）我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm（没有区别） △css：层叠样式表是一种用来表现HTML等文件样式(效果)的计算机语言 JavaScript：简称“JS”，是一种属于网络的脚本语言常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的 △jQuery： jQuery是一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码 △boodstarp(JQ+css): bootstrap：简洁、直观、强悍的前端开发框架它在jQuery的基础上进行了更为个性化的完善

HTML标记

阅读更多关于 HTML标记

html:超文本标记语言标记，标签，元素单标签：<标签名属性名="属性值" 属性名=“属性值” /> 双标签：<标签名属性名="属性值” 属性名="属性值”></标签名> 结构标签： <html><head><meta charset="UTF-8"><title>标题</title></head><body></body></html> 排版标签： p h1-h6 div span hr br pre blockquote 文本标签 b strong i em u ins s del big small sup sub font 列表标签： ul>li ol>li dl>dt>dd 图片标签： <img src="地址路径"> 路径：相对路径绝对路径 html链接标签: 超链接：<a href="#"></a> 属性： target:_self(默认在当前窗口中打开) _blank(在新窗口中打开) title: 说明举例： <a href="javascript:void(0)"></a> 锚链接：锚链接实现是在当前页面中跳转举例： <p id=‘id名’>内容</p> <a href="#id名">内容</a> link标签：通过link标签可以设置网页的图标 <link rel="icon" href="favicon.ico"> 注意： 1

HTML和CSS学习笔记

阅读更多关于 HTML和CSS学习笔记

HTML笔记：基础知识：常用的浏览器有IE，火狐，谷歌，Safari和Opera。浏览器内核：浏览器内核分为两部分，渲染引擎（layout enginner 或者Rendering Engine）和JS引擎。渲染引擎：它负责去的网页的内容（HTML，XML，图像等等），整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核不同对于网页的语法解释会有不同，所以渲染的效果也不同。 JS引擎：是用来解释JavaScript语言，执行JavaScript语言来实现网页的动态效果。 WEB标准：主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。结构标准：结构用于对网页元素进行整理和分类，如HTML。表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。行为标准：行为是指网页模型的定义及交互的编写，如 Javascript HTML标签： 1.HTML标签：作用所有HTML中标签的一个根节点。最大的标签根标签 2.head标签：文档的头部文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。注意在head标签中我们必须要设置的标签是title

html、css整理笔记

阅读更多关于 html、css整理笔记

1.表单（form） <form name="form_name" action="url" method="get|post"></form> a.input控件 ---属性:type/name/value/size/readonly/disabled/checked/maxlength （1）单行文本框--- text <input name="文本框名称" type="text" value="初始值" size="显示的字符数" maxlength="最多容纳字符数" readonly="readonly" （设置为只读）disabled="disabled"(设置为不可操作)> （2）密码框---password <input name="文本框名称" type=“password” value=“初始值” size=“显示没字符数”> （3）单选框---radio <input name="单选框名称" type="radio" value="提交值" checked="checked"（是否被选中）> （4）复选框---checkbox <input name="复选框名称" type="checkbox" value="提交值" checked="checked"（是否被选中）> *******<input type="radio/checkbox" name=

HTML基础

阅读更多关于 HTML基础

HTML的基本结构： <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title > </ title > </ head > < body > 主体 </ body > </ html > 声明的作用：让浏览器检测到HTML的版本属性有哪几种：1.标准属性 2.私有属性 3.事件属性列表有哪几种： 1.无序列表： <ul><li></li></ul> 2.有序列表： <ol><li></li></ol> 3.定义列表： <dl><dt><dd></dl></dt></dd> a标签的作用:实现页面的跳转功能； <a href="页面的地址">链接</a> 今天的知识： 1.编码格式：英文编码：ISO8859-1 中国编码：GBK、GBK2312 通用编码：Unicode格式—“UTF-8/UTF-16” 2.发送邮件：”mailTo:1261558503@qq.com” 3.锚点链接：主要是指当前页面中某一个具体的位置用途：页面文档查看中的目录功能；回到顶部； <a name="top"><h1></h1></a> <a href="#top"></a> 4.图片元素： alt—-图片显示不出来时显示该属性的值 width–设置图片的宽度 hight–设置图片的高度

IE中表格colspan属性影响表格宽度问题

阅读更多关于 IE中表格colspan属性影响表格宽度问题

在用IE浏览器制作预览网页的时候，如果表格使用了colspan属性（列数不同，有合并的列），表格的自动宽度会受到很大的影响，以至于错位混乱。如下图：页面HTML如下： <table class="formitem" width="100%"> <caption style="width: 99%;"> 活动详细信息 </caption> <tr> <th style="width: 17%"> 组织单位: </th> <td style="width: 33%"> 省地质局团委 </td> <th style="width: 17%"> 活动类型: </th> <td style="width: 33%"> 评先评优 </td> </tr>  </table> 这个表格在不同浏览器中的表现如上图所示，在IE中，它的列宽度会出现问题，在IE中它的列宽会错开，而其它浏览器都没有问题。解决这个BUG的原理我们就不必知道了，方法倒是很简单，只要在table的“table-layout”特性值为fixed，使用固定布局的表格元素可避免此问题。修改后的HTML代码如下： <table class="formitem" width="100%" style="table-layout: fixed;">  </table> 显示效果图如下：

表格及表单

阅读更多关于表格及表单

一.列表： 1.无序列表： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>热门活动更多</h3> <ul> <li> <img src="image/img1.png" alt=""> <p>推荐活动 | |原创音乐现金榜T榜|</p> </li> <li> <img src="image/img2.png" alt=""> <p>推荐节目|《TAImusic》爆笑来袭</p> </li> <li> <img src="image/img3.png" alt=""> <p>推荐歌单 | 继续宠爱张国荣</p> </li> <li> <img src="image/img4.png" alt=""> <p>推荐活动| 330金属音乐巡演成都小酒馆音乐空间</p> </li> </ul> </body> </html> 2.定义列表： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <dl> <dt> 热门活动 </dt> <dd> <p>推荐节目|《TAImusic

HTML基础——表格的应用

阅读更多关于 HTML基础——表格的应用

一、表格标签 1、基本格式：　　每个表格由 table 标签开始。　　每个表格行由 tr 标签开始。　　每个表格数据由 td 标签开始。例如： <html> <head> <title>表格标签</title> <meta charset="utf-8"/> </head> <body> <table border="1"> <tr><td>1-1</td><td>1-2</td><td>1-3</td></tr> <tr><td>2-1</td><td>2-2</td><td>2-3</td></tr> <tr><td>3-1</td><td>3-2</td><td>3-3</td></tr> </table> </body> </html> 表格标题：<caption>标签：表格表头：<th>标签例如： <html> <head> <title>表格标签</title> <meta charset="utf-8"/> </head> <body> <table border="1"> <caption>一个表格</caption> <tr><th>1-1</th><td>1-2</td><td>1-3</td></tr> <tr><th>2-1</th><td>2-2</td><td>2-3</td></tr> <tr><th>3-1</th><td>3-2</td

Xceed WinForm数据表格控件Xceed Grid For .NET详细介绍

阅读更多关于 Xceed WinForm数据表格控件Xceed Grid For .NET详细介绍

Xceed Grid For .NET是一款高级的，多功能的、扩展性极强的数据表格控件，具有分组、主从表、多种主题外观、固定列和行、Excel导出、支持Vista风格，交互的外观样式，内嵌报表功能，支持导出为PDF、HTML、TIFF、JPEG，以及打印报表等多种功能，是现在业界最强大的表格控件。特殊功能：控件使用Cell UI虚拟化，大大提高了表格数据加载性能，减少了内存花销，表格加载10列10000数据行比以前快了3倍，内存花销少了55%。如果控件使用懒加载加载数据，比以前快了15.75倍该控件被Microsoft Dynamics in Microsoft Office所使用完全所见所得的设计时表格编辑器，完全设计时设计表头、列，分组，主从表、插入行等操作可以指定任何Windows Form控件作为单元格编辑器控件提供的所有类都是可继承的，开发人员完全可以根据自己需要扩展表格功能每一个可视的表格元素都是独立的对象，具有自己特殊行为，像一个独立的子控件：单元格、行、列、分组、行选择器，表头等，都具有自己的鼠标、快捷键、绘制事件，可以被自定义对象所取代表格可以作为一个强大的绑定和非绑定树型控件所使用，不限制层和子元素各式各样专业的行、单元格以及管理对象允许你合并文本以及图像提供了两种方法进行自定义绘制表格元素：一种是添加代码到控件原来的绘制事件里

React 表格组件导出 Excel

阅读更多关于 React 表格组件导出 Excel

以前我们导出表格都是走的后台接口调用，后台处理数据给我们返回Excel文件，这样就会增加后台的工作量，自从知道React Table表格组件可以导出excel后，就去研究了一下： GitHub地址： https://github.com/zsusac/ReactHTMLTableToExcel 安装插件 react-html-table-to-excel ： npm install --save react-html-table-to-excel 国内的由于各种原因可以安装淘宝镜像，用下面方法安装插件 //cnpm install --save react-html-table-to-excel 安装插件 react-d om： npm install --save react-dom 国内的由于各种原因可以安装淘宝镜像，用下面方法安装插件 //cnpm install --save react-dom 引入依赖： import ReactHTMLTableToExcel from 'react-html-table-to-excel'; const ReactDOM = require('react-dom'); React Table组件写法如下： //下方Table的Ref<定义在constructor，*React已经不允许用字符串的方法定义组件的ref了>

订阅 html表格