html表格

前端之HTML

橙三吉。 提交于 2019-12-02 04:54:21
前端之HTML 1.0HTML介绍 1.1 Web服务的本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 1.2 HTML是什么? 超文本标记语言(Hyoertext Markup Language,HTML)是一种用于创建网页的标记语言 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm 1.3 HTML不是什么? HTML是一种标记语言(markup language),他不是一种编程语言 HTML使用标签来描述网页 1.4 HTML文档结构 <!DOCTYPE html> <html lang="zh

jquery实现表格导出Excel

一笑奈何 提交于 2019-12-02 04:47:41
使用jQuery,jszip.js,FileSaver.js,excel-gen.js插件直接将网页中的table表格导出到本地Excel文件,而不需要经过后台。 实现步骤: 1.进入相关js插件 <script src="jquery-1.10.2.js"></script> <script type="text/javascript" src="jszip.min.js"></script> <script type="text/javascript" src="external/FileSaver.js"></script> <script type="text/javascript" src="scripts/excel-gen.js"></script> <script type="text/javascript" src="scripts/demo.page.js"></script> 2. 将HTML的table标签的id设置为test_table <table class="table table-bordered table-striped" id="test_table"> <thead> <tr> <td>等级</td> <td>姓名</td> <td>城市</td> <td>州</td> <td>部门</td> <td>选取</td> <td>票数</td>

初始HTML_表格

百般思念 提交于 2019-12-02 02:38:41
Html表格 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1px" cellspacing="0px" align="center"> <colgroup span="6" width="40px"></colgroup> <colgroup span="7" width="50px"></colgroup> <tr><th colspan="7">个人简历</th></tr> <tr align="center" height="20px"> <td>姓名</td><td></td><td>性别</td><td></td><td></td><td></td><td rowspan="4">照片</td> </tr> <tr height="20px"> <td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr height="20px"> <td></td><td></td><td></td><td></td><td></td><td></td> </tr> <tr height="20px"> <td >籍贯</td><td colspan="5"><

前端之HTML

徘徊边缘 提交于 2019-12-01 19:52:56
HTML是HyperText Markup Language的缩写,中文翻译为超文本标识语言。使用HTML元素编写的文档称为HTML文档,目前最新版本是5.0 。 HTML5的开发是由三个重要组织负责的,具体如下 :    WHATWG :由Apple,Mozilla,Google,Opera等浏览器厂商组成,成立于2004年。WHATWG开发HTML和Web应用的API,同时为各浏览器厂商以及其他有意向的组织提供开放式合作。    W3C :W3C管辖的HTML工作组,目前负责发布HTML5规范。    IETF (因特网工程任务组):该任务组下辖HTTP等负责Internet协议的团队。HTML5定义的一种新API(WebSocket API)依赖于新的WebSocket协议,IETF工作组负责开发该协议。 HTMl的优势 : (1)跨浏览器的兼容性 (2)增强交互功能 (3)更好的存储技术; HTML5中提供了本地存储功能。其中将比较老的技术cookie和客户端数据库融合。但是它比cookie更好用,因为支持多个存储,HTML5存储技术拥有更好的安全和性能,即使浏览器关闭也可以保存并且所有主流浏览器都支持。 (4)用户优先; (5)更简单的代码; 以浏览器原生能力替代复杂的JavaScript代码; 新的简化的DOCTYPE; 新的简化的字符集声明;

HTML学习记录和总结

泄露秘密 提交于 2019-12-01 17:06:38
HTML学习记录和总结 本博文仅为本人学习的一个记录和总结! 学校开设了JSP这门课,觉得挺有意思的,就去网上学了一下HTML,我是在菜鸟教程学的,用的是HBuilder(这真是一个很好的IDE)学完之后就想总结一下知识点,巩固一下。 1.HTML默认模板 <!DOCTYPE html> <!-- 声明为 HTML5 文档 --> <html> <!-- 元素是 HTML 页面的根元素 --> <head> <!-- 元素包含了文档的元(meta)数据 --> <meta charset="utf-8"> <!-- 定义网页编码格式为 utf-8 --> <title>总结</title> <!-- 文档的标题 --> </head> <body> <!-- 可见的页面内容 --> </body> </html> 2.定义标题 <p> <!-- 定义标题 --> <h1>一号标题</h1> <h2>二号标题</h2> <h3>三号标题</h3> <h4>四号标题</h4> <h5>五号标题</h5> <h6>六号标题</h6> </p> 3.定义注释,段落,换行 <p> <!-- 定义注释,段落,换行 --> 这是一个注释 <!-- 注释内容 --> <br/> <!-- 这是换行 -->   <!-- 这是空格 --> <hr > <!-- 定义水平线 --> <p>这是一个段落

js 导出excel

♀尐吖头ヾ 提交于 2019-12-01 15:51:25
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html 表格导出Excel</title> </head> <body> <div > <button onclick="method('tableExcel')">表格导出Excel</button> <button onclick="jsonMethod()">json导出Excel</button> </div> <div id="myDiv"> <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr><td colspan="5" align="center">html 表格导出道Excel</td></tr> <tr><td>列标题1</td><td>列标题2</td><td>类标题3</td><td>列标题4</td><td>列标题5</td></tr> <tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td><td>eee</td></tr> <tr><td>AAA</td><td>BBB</td><td>CCC</td><td>DDD</td><td>EEE</td><

js 导出excel

人走茶凉 提交于 2019-12-01 15:38:58
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html 表格导出Excel</title> </head> <body> <div > <button onclick="method('tableExcel')">表格导出Excel</button> <button onclick="jsonMethod()">json导出Excel</button> </div> <div id="myDiv"> <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0"> <tr><td colspan="5" align="center">html 表格导出道Excel</td></tr> <tr><td>列标题1</td><td>列标题2</td><td>类标题3</td><td>列标题4</td><td>列标题5</td></tr> <tr><td>aaa</td><td>bbb</td><td>ccc</td><td>ddd</td><td>eee</td></tr> <tr><td>AAA</td><td>BBB</td><td>CCC</td><td>DDD</td><td>EEE</td><

前端之HTML

爷,独闯天下 提交于 2019-12-01 15:10:16
1 HTML介绍 1. 1 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 1. 2 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm 1. 3 HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 1 | 4 HTML文档结构 最基本的HTML文档: <!DOCTYPE html>

前端之HTML

元气小坏坏 提交于 2019-12-01 10:19:47
一、HTML 1、HTML介绍 1.1 Web服务本质 浏览器发送请求 HTTP协议 服务端接收请求 服务端返回响应 服务端把HTML文件内容发送给浏览器 浏览器渲染页面 1.2 HTML是什么? 超文本标记语言(Hypertext Markup Language,HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的拓展名:.html或.htm 1.3 HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 1.4 HTML文档结构 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html> ==<!DOCTYPE html>==声明为HTML5文档。 ====、====是文档的开始标记和结束标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。 ====、====定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。它包含了文档的元

HTML

只愿长相守 提交于 2019-12-01 10:14:14
HTML web标准 w3c:万维网联盟组织,用来制定web标准的机构 web标准:制作网页遵循的规范 web标准的规范:结构标准,表现标准,行为标准 结构:html 表示:css 行为:javascript(js) 总结说明: 结构标准:相当于人的骨架。html就是用来制作网页的。 表现标准:相当于人的衣服。css是用来给网页进行美化的。 行为标准:相当于人的动作。JS就是让网页动起来,具有生命力 浏览器介绍: 强烈推荐: 浏览器 内核 火狐浏览器 gecko 谷歌浏览器 blink PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 总结:渲染引擎是兼容性问题出现的根本原因。 开发工具 Visual Studio Code WebStorm Sublime text PyCharm .... html介绍 html全称(HyperText Markup Language): 超文本标记语言 ,不是一种编程语言。 是一种描述性的标记语言,用来描述超文本的显示方式。比如字体,颜色,大小等。 超文本:音频,视频,图片称为超文本 标记:称为标记,一个html页面都是由各种标记组成 作用 :html是负责描述文档 语义 的语言 注意 :HTML语言不是编程语言,而是一个标记语言( 没有编译过程 )