html表格 | 易学教程

01 前端--HTML内容

阅读更多关于 01 前端--HTML内容

目录一、HTML的本质 1.1 Web服务本质 1.2 HTML是什么 1.3 HTML标记语言的文档结构 1.4 HTML标签的格式 1.4.1 标签的语法 1.4.2 标签的重要属性 1.5 HTML的注释二、HTML的常用标签 2.1 head标签内常用的标签 2.1.1 Meta标签介绍 2.1.2 Meta标签组成 2.2 body标签内常用的标签 2.2.1 标题标签 2.2.2 段落标签 2.2.3 超链接标签 2.2.4 图片标签 2.2.5 列表标签 2.2.6 表格标签 2.2.7 div标签和span标签三、form表单 3.1 form表单的功能 3.2 form表单的属性 3.3 form表单元素 1.input标签的属性 3. select标签属性一、HTML的本质 1.1 Web服务本质在这里我们先提一下网络编程中的socket套接字，我们知道我们的TCP连接有C/S和B/S C/S：是客户端和服务端之间进行通信连接 B/S：是浏览器和服务端之间进行通信连接的，这里浏览器其实就是相当于是客户端 * 通过B浏览器向服务端建立连接先建立服务端 import socket server = socket.socket() server.bind(('127.0.0.1',8080)) #'127.0.0.1'是一个本机的回环地址

前端之HTML介绍及使用

阅读更多关于前端之HTML介绍及使用

一、HTML介绍 1.1 web本质在pycharm写入一下代码，然后在浏览器地址栏输入地址和端口 127.0.0.1:8080 ，回车，回来运行代码，直接访问客户端发送的内容 conn.send(b'<h1> hello world <h1>') import socket sk = socket.socket() sk.bind(('127.0.0.1',8080)) sk.listen(5) while True: conn,addr = sk.accept() data = conn.recv(1024) 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? HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 ( H yper T ext M arkup L anguage) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页声音 + 图像 +

前端之HMTL(部分)

阅读更多关于前端之HMTL(部分)

HTML介绍 Web服务本质浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面什么是HTML 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm HTML文档结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">#声明编码 <title>test</title> </head> <body> </body> </html> <!DOCTYPE html> 声明为HTML5文档。 <html>、</html> 是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。 <head>、</head> 定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元（meta）数据。 <title>、</title> 定义了网页标题，在浏览器标题栏显示。 <body>、</body>

html

阅读更多关于 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 lang=

table表格嵌套效果

阅读更多关于 table表格嵌套效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } table tr td{ border:1px solid gray; } </style> </head> <body> <p>为了实现相关效果，可以将固定相关高度</p> <table style="text-align: center"> <tr> <td>22222</td> <td>22222</td> <td style="width:200px;">22222</td> <td>22222</td> <td>22222</td> </tr> <tr> <td>11111</td> <td>11111</td> <td>11111</td> <td>11111</td> <td>11111</td> </tr> <tr> <td>11111</td> <td>11111</td> <td>11111</td> <td>11111</td> <td>11111</td> </tr> <tr> <td>11111</td> <td>11111</td> <td>11111</td> <td>11111</td> <td>11111</td> <

html标签含义

阅读更多关于 html标签含义

html标签含义 <!–…–>:定义注释 <!DOCTYPE> ：定义文档类型 <html>:html文档的总标签 <head>:定义头部 <body>:定义网页内容 <script>:定义脚本 <div>:division，定义分区，容器标签 <p>:paragraph,定义段落 <a>:定义超链接 <span>:定义文本容器 <br>:换行 <form>：定义表单 <table>:定义表格 <th>：定义表头 <tr>：表的行 <td>：表的列 <b>：定义粗体字 <img>：定义图片来源： https://www.cnblogs.com/lr99/p/11639566.html

前端---HTML

阅读更多关于前端---HTML

HTML介绍 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文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么？超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm HTML不是什么？ HTML是一种标记语言（markup language），它不是一种编程语言。 HTML使用标签来描述网页。 HTML文档结构最基本的HTML文档： <!DOCTYPE html> <html lang="zh-CN"> <head>

Django使用DataTables插件总结

阅读更多关于 Django使用DataTables插件总结

Django使用Datatables插件总结文章中的例子已上传至 github 基本使用 Datatables插件是一款方便简单的展示数据的列表插件。关于基本使用，官方网站上的已介绍的很详细，这里我再稍微过一下。 1. js配置。包含jquery和datatables的js <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script stc="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> 2. css配置。包含dataTables的css ```css <link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"> ``` 3. html。初始化表格 ```html <table id="example" class="display" style="width:100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th

前端知识之HTML内容

阅读更多关于前端知识之HTML内容

前端知识之HTML内容 HTML介绍 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文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么？超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）网页文件的扩展名：.html或.htm HTML不是什么？ HTML是一种标记语言（markup language），它不是一种编程语言。 HTML使用标签来描述网页。 HTML文档结构最基本的HTML文档： <!DOCTYPE html> <html lang="zh

表格变色示例中发现的问题——attr()与prop()

阅读更多关于表格变色示例中发现的问题——attr()与prop()

在练习jQuery表格变色例子过程中，发现了一下几个问题：在IEEdge浏览器中切换选中行会出现上一个表格行背景色被吃掉的情况；在chrome中从上向下单击行中任意单元可以选中该行，而从下往上单击虽选中了行，而前面的按钮列未显示选中状态针对以上问题，查阅了资料后，发现了原因，以及解决方法：为tbody设置border-collapse:collapse;方可解决吃色问题在引用jQuery版本是1.6之后的，设置radio的checked属性不应使用attr()方法，应使用prop()方法在之前的jQuery版本中，都是使用attr()访问对象的属性，比如取一个图片的alt属性，就可以这样做$('#img').attr('alt');但是在某些时候，比如访问input的disabled属性时，会有些问题，在有些浏览器中，只要写了disable属性就可以，有些则要写：disabled="disabled"。所以，从1.6版本开始，jQuery使用新方法prop()获取以及设置这些属性，返回标准属性：true/false。按照官方说明，如果设置disabled和checked这些属性，应使用prop()方法（摘自《锋利的jQuery（第2版）》）附上我的代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN

订阅 html表格