html表格

前端基础之body内常用标签

南楼画角 提交于 2019-12-01 10:14:14
body内常用标签 一、基本标签(块级标签和内联标签) <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> <b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除<s/> <p>段落标签</p> <br>---换行 <hr>---水平线 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> <b>加粗</b> <br> <i>斜体</i> <br> <u>下划线</u> <br> <s>删除</s> <hr> </body> </html> 二、特殊字符 内容 对应代码 空格   > > < < & & ¥ ¥ 版权© © 注册® ® 三、div标签和span标签 div标签 :用来定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。 span标签 :用来定义内联(行内)元素,并无实际的意义,主要通过CSS样式为其赋予不同的表现。

前端之HTML

て烟熏妆下的殇ゞ 提交于 2019-12-01 08:44:06
目录 Web服务的本质 HTML HTML是什么 HTML文档结构 HTML标签格式 HTML常用标签 head内常用标签 Meta标签 body内常用标签 基本标签(块级标签和内联标签) 特殊字符 div标签和span标签 img标签 a标签 列表 表格 form input select标签 label标签 textarea多行文本 标签的总结: Web服务的本质 import socket sk=socket.soket() sk.bind(('127.0.0.1',8006)) sk.listen(5) while 1: conn,addr=sk.accept() data=conn.recv(1024) conn.send(b'hello') conn.close() 浏览器发送请求--》HTTP协议--》服务端接收请求--》服务端返回响应--》服务端将HTML的内容发给浏览器--》浏览器渲染页面 HTML HTML是什么 HTML是超文本标记语言,是一种用于创建网页的语言,它不是一种编程语言。 本质上是浏览器可是别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。 网页文件的拓展名:.html,.htm HTML使用标签来描述网页 HTML文档结构 <!DOCTYPE html> <html lang="en">

javaweb(1):HTML

本小妞迷上赌 提交于 2019-12-01 08:43:58
1. HTML的概述 1.1 什么是HTML HTML:超级文本标记语言(HyperText Markup Language ) “超文本”就是指页面内可以包含图片、链接等非文字内容。 “标记”就是使用标签的方法将需要的内容包括起来。 1.2 HTML能干什么 HTML用于编写网页。平时上网通过浏览器我们看到的大部分页面都是由html编写的。在浏览器访问网页时,可以通过“右键/查看网页源代码”看到具体html代码。 网页内容包含:HTML代码、CSS代码、JavaScript代码等内容。 HTML代码:用于展示需要显示的数据。 CSS代码:使显示的数据更加好看。 JavaScript代码:使整个页面显示的数据具有动画效果。 静态页面:编写之后在浏览器不再改变的页面。HTML就是用于编写静态网页的。 动态页面:会根据不同的情况展示不同的内容。例如:登录成功后右上角显示用户名。 1.3 HTML语言特点 HTML文件不需要编译,直接使用浏览器阅读即可 HTML文件的扩展名是*.html 或 *.htm HTML结构都是由标签组成   标签名预先定义好的,我们只需要了解其功能即可   标签名不区分大小写   通常情况下标签由开始标签和结束标签组成。例如:<a></a>   如果没用结束标签,建议以结尾。例如:<img/> HTML结构包括两部分:头head和体body 1.4 创建模板

html介绍

梦想的初衷 提交于 2019-12-01 08:14:56
目录 1 HTML介绍 1.1 web服务的本质 1.2 HTML是什么? 1.3 HTML 不是什么? 1.4 html文档结构 1.5 HTML标签的格式 1.6HTML 注释 1.7 标签<!DOCTYPE> 2 HTML常用标签 2.1head内常用的标签 2.2特殊字符 2.3 body内常用的标签 2.4列表 2.5表格 3 表单 3.1 input 3.2 select标签 3.3label标签 3.4textarea多行文本 标签的总结: 1 HTML介绍 1.1 web服务的本质 import socket server = socket.socket() server.bind(('127.0.0.1',8080)) server.listen(5) conn,addr = server.accept() data = conn.recv(1024) conn.send(b'HTTP/1.1 200 OK\r\n\r\n') conn.send(b'<h1>Hellow world!</h1>') conn.close() 过程:浏览器发出请求——>HTTP协议——>服务端接收请求——>服务端返回响应——>服务端把HTML 文件内容发送给浏览器——>浏览器进而渲染页面。 1.2 HTML是什么? 超文本标记语言(Hypertext Markup Language

HTML基础学习笔记

坚强是说给别人听的谎言 提交于 2019-12-01 07:56:32
1、页面 1、文件结构 <html>......</html> <head>......</head> <body>.......</body> <HTML> <HEAD> <title>, <base>, <link>, <isindex>, <meta> </HEAD> <BODY> <h1>正文</h1> </BODY> </HTML> 2、语言字符集信息 <meta http-equiv="Content-Type" content="text/html;charset=#"> 基本上所有的网站的网页都有,现在一般都是UTF-8,和GBK2312 3、背景色彩和文字色彩 <body bgcolor=# text=# link=# alink=# vlink=#> bgcolor --- 背景色彩 text --- 非可链接文字的色彩 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 (颜色RGB16进制) 背景图象 <body background="image-URL"> 4、页面空白(试了貌似不管用) 页面左边的空白 <body leftmargin=#> 页面上方的空白(天头) <body topmargin=#> #=margin amount 5、连接 <a href="#

LODOP中带caption的表格被关联并次页偏移测试

試著忘記壹切 提交于 2019-12-01 07:45:57
ADD_PRINT_TABLE中的thead和tfoot可以每页输出,后面的打印项关联表格,可以紧跟着表格,实现在表格后面紧跟着输出内容的效果,表格可以自动分页,并总是跟在表格后面 ,在表格最后输出。table相关博文: LODOP表格table简短问答及相关博文 、 例如,在table后面紧跟着输出一段htm超文本内容,由于表格是不固定的,有时候表格内容多有时候少,可能有时候正好在最后一页,后面的htm超文本盛放不开,也需要自动分页了。 表格中由于第一页有标题,常用到次页偏移,让除第一页后的表格能提上去,避免后面的自动分页上方空白。 如果有table中有caption,注意该caption也是表格内部的高度,次页偏如果想很靠上,也会把caption的距离偏移上,但是其实caption是表格打印项的高度,而后面的htm由于关联前面的表格,形成关联串,也会跟着前面的table的偏移距离进行偏移,但是后面的htm是没有caption的,所以就会导致htm偏移出纸张外的情况。 解决方法: 建议 把caption放到外面,caption单独做成打印项,或者和前面的标题打印项等做成一个超文本打印项 ,不要放在自动分页并进行次页偏移的table打印项里面。 (如果最后的htm不是刚好最后页不够,进行自动分页,是不会有影响的,但是如果刚好遇到最后跟着的html进行自动分页

常用标签

ⅰ亾dé卋堺 提交于 2019-12-01 07:28:46
常用标签 一、head内常用标签 标签 意义 <title></title> 定义网页标题 <style></style> 定义内部样式表 <script></script> 定义JS代码或引入外部JS文件 <link/> 引入外部样式表文件或网站图标 <meta/> 定义网页原信息 Meta标签 <meta> 元素可提供有关页面的元信息(mata-information),针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部,不包含任何内容。 <meta> 提供的信息是用户不可见的。 meta标签的组成: ​ meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 http-equiv属性: ​ 相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 <!--指定文档的编码类型(需要知道)--> <meta http-equiv="content-Type" charset=UTF8"> <!--2秒后跳转到对应的网址,注意引号(了解)--> <meta http-equiv="refresh" content="2;URL=https://www

Web全栈-表格的结构

淺唱寂寞╮ 提交于 2019-12-01 07:05:34
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格的结构</title> </head> <body> <!-- 1.由于表格中存储的数据比较复杂, 为了方便管理和阅读以及提升语义, 我们可以对表格中存储的数据进行分类 表格中存储的数据可以分为4类 1.1表格的标题 1.2.表格的表头信息 1.3.表格的主体信息 1.4.表格的页尾信息 2.表格的完整结构 <table> <caption>表格的标题</caption> <thead> <tr> <th>每一列的标题</th> </tr> </thead> <tbody> <tr> <td>数据</td> </tr> </tbody> <tfoot> <tr> <td>数据</td> </tr> </tfoot> </table> caption作用: 指定表格的标题 thead作用: 指定表格的表头信息 tbody作用: 指定表格的主体信息 tfoot作用: 指定表格的附加信息 3.注意点: 3.1.如果我们没有编写tbody, 系统会系统给我们添加tbody 3.2.如果指定了thead和tfoot, 那么在修改整个表格的高度时, thead和tfoot有自己默认的高度, 不会随着表格的高度变化而变化 --> <table

Web全栈-表格标签的其它标签

点点圈 提交于 2019-12-01 07:05:16
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格标签的其它标签</title> </head> <body> <!-- 1.表格标题 在表格标签中提供了一个标签专门用来设置表格的标题, 这个标签叫做caption. 只要将标题写在caption标签中, 那么标题就会自动相对于表格的宽度居中 2.caption标签的注意点: 2.1caption一定要写在table标签中, 否则无效 2.2caption一定要紧跟在table标签后面 3.标题单元格标签 3.1.在表格标签中提供了一个标签专门用来存储每一列的标题, 这个标签叫做th标签, 只要将当前列的标题存储在这个标签中就会自动居中+加粗文字 3.2.到此为止我们就发现, 其实表格中有两种单元格, 一种是td, 一种是th. td是专门用来存储数据的, th是专门用来存储当前列的标题的 --> <table bgcolor="black" cellspacing="1px" width="800px" align="center"> <caption> <h2>今日小说排行榜</h2> </caption> <tr bgcolor="#a9a9a9"> <th>排名</th> <th>关键词</th> <th>趋势</th> <th

Web全栈-表格标签的基本使用

偶尔善良 提交于 2019-12-01 07:03:09
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格标签基本使用</title> </head> <body> <!-- 其实在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表 1.什么是表格标签? 表格标签作用: 用来给一堆数据添加表格语义 其实表格是一种数据的展现形式, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式 2.表格标签格式: <table> <tr> <td>需要显示的内容</td> </tr> </table> 其实表格标签中的table代表整个表格, 也就是一堆table标签就是一个表格 其实表格标签中的tr标签代表整个表格中的一行数据, 也就是说一对tr标签就是表格中的一行 其实表格标签中的td标签代表表格中一行中的一个单元格, 也就是说一对td标签就是一行中的一个单元格 3.注意点 3.1表格标签有一个边框属性, 这个属性决定了边框的宽度. 默认情况下这个属性的值是0, 所以看不到边框 3.2表格标签和列表标签一样, 它是一个组合标签, 所以table/tr/td要么一起出现, 要么一起不出现, 不会单个出现 表格标签的属性仅仅作为了解,在企业开发中所有控制样式的都是通过CSS -->