段落元素 表示一段文字,独占一行 标签： 预格式化 保留HTML代码中的回车和空格 语法： 网页中的图像 用于表示网络中任意资源(图片、视频、音频、文件)的位置（或路径...） URL：统一资源定位符(Uniform Resource Locator) 路径的表现形式： 1.绝对路径：从文件所在的最高级目录开始查找所经过的路径 2.相对路径从当前文件位置出开始查找所经过的路径...”mailto:邮箱地址”>联系我们 3.锚点就是网页中的一个记号，通过超链接可以迅速到达记号所在的位置....bgcolor 设置背景颜色，取值为对应颜色的英文 cellspacing 表示单元格的外边距，就是单元格与单元格之间的距离 cellpadding 设置单元格的内边距，就是单元格与内容的距离 tr的属性...作用：定义表单数据的提交方式 作用：定义表单数据的提交方式 取值： get默认是get post 可视化控件 分类 input元素 textarea 多行文本域元素 select和option选项框元素
一丶标签的使用 1.a标签的补充 (1)超链接 href:超链接的地址 target; _self 默认在当前页面中打开链接地址 _blank 在空白页中打开链接地址...在以前,要想固定标签的位置,唯一的方法就是表格.现在可以通过CSS定位的功能来实现. 但是现在在做页面的时候,表格作用还是有一些的....例如colspan="2"表示当前单元格在水平方向上要占据两个单元格的位置。...，如：action=“login.php” method：表单数据的提交方式，一般取值：get(默认)和post form标签里面的action属性和method属性，在后面课程给大家讲解...hidden：隐藏框，在表单中包含不希望用户看见的信息 button：普通按钮，结合js代码进行使用。 submit：提交按钮，传送当前表单的数据给服务器或其他程序处理。
可以 取值：ltr：从左到右（left to right，默认），rtl：从右到左（right to left） 既然说dir是共有属性，如果把这个属性放在任意标签中，那表明这个标签的位置可能会从右开始排列...background：设置这个单元格的背景图片。 单元格的合并 单元格的属性： colspan：横向合并。例如colspan="2"表示当前单元格在水平方向上要占据两个单元格的位置。...例如rowspan="2"表示当前单元格在垂直方向上要占据两个单元格的位置。 ：加粗的单元格。相当于 + 属性同标签。...” method：表单数据的提交方式，一般取值：get(默认)和post form标签里面的action属性和method属性。...hidden：隐藏框，在表单中包含不希望用户看见的信息 button：普通按钮，结合js代码进行使用。 submit：提交按钮，传送当前表单的数据给服务器或其他程序处理。
td 用于定义表格中的单元格，必须嵌套在标签中。 字母 td 指表格数据（table data），即数据单元格的内容，现在我们明白，表格最合适的地方就是用来存储数据的。...表头单元格标签th:一般表头单元格位于表格的第一行或第一列，并且文本加粗居中,只需用表头标签 替代相应的单元格标签 td>数据的提交方式，其取值为get或post。 name 名称 用于指定表单的名称，以区分同一个页面中的多个表单。...HTML的输入框可以拥有自动完成的功能，当你往输入框输入内容的时候，浏览器会从你以前的同名输入框的历史记录中查找出类似的内容并列在输入框下面，这样就不用全部输入进去了，直接选择列表中的项目就可以了。...但有时候我们希望关闭输入框的自动完成功能，例如当用户输入内容的时候，我们希望使用AJAX技术从数据库搜索并列举而不是在用户的历史记录中搜索。
> 属性: action:规定提交表单时向何处发送表单数据. method:规定提交方式;一般取值POST或GET POST与GET区别: 1.get方式只能携带少量数据,post可以携带大数据 2.get...属性: name:定义标签名称(规定密码框的名称，通过name进行数据传递。)...-- input 标签 type=“text”时 为文本框。 name：规定文本框的名称，通过name进行数据传递。...-- input 标签 type=”file“时 为文件框 name：规定文件框的名称，通过name进行数据传递。...:定义多行文本框可见行数 wrap:规定多行文本框中文字如何换行 初始化内容 五.html框架标签: 所谓框架就是将页面划分成几个窗框，就可以让我们在同一个浏览器中显示不止一个页面
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。...bgcolor 行的背景颜色 ---- 表格列的常用属性 一个表格有几列组成就要有几个列标签 属性 描述 width/height 单元格的宽和高 align 设置水平对齐方式，可取值left...，center，right valign 设置垂直对齐方式，可取值top，middle，bottom bgcolor 单元格的背景颜色 colspan 设置单元格跨列 rowspan 设置单元格跨行...用户输入的信息都要包含在form标签中，点击提交后，和里面包含的数据将被提交到服务器或者电子邮件里。 所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。...用来给指定的那一个选项赋值，这个值是要传送到服务器上的，服务器正是通过调用区域的名字的value 属性来获得该区域选中的数据项的 ---- 20.多行文本和 lable标签 多行文本框 <textarea
2.8.3 td 标签用于定义表格单元 td元素中的文本一般显示为正常字体且左对齐。 常用属性: align:用于设定单元格内容的对齐方式。...2.8.5 th 标签用于定义表格的表头，内部的文本通常呈现为居中加粗文本。 Html表格中有两种类型的单元格： 表头单元格th:包含表头信息。 标准单元格td:包含数据。...2.9 HTML表单标签 2.9.1 form标签 标签代表一个表单，表单用于向服务器传输数据。 标签能够包含，可以是文本字段，复选框，单选框或提交按钮等。...其它常用属性: name:定义标签名称 value:按钮显示名称 reset 定义重置按钮。重置按钮会清除表单中的所有数据。...wrap:规定多行文本框中文字如何换行。
_self 默认值，在自身标签页中，打开新网页 ②. _blank 在新标签页中，打开新网页 (3). name 定义页面锚点 (4). 链接的表现形式 ①....锚点(Anchor)，在 html 文档的某行位置处做一个记号，允许通过超链接跳转到该记号位置处 (1). 定义锚点(做记号) ①.... 表尾行分组，允许包含一行或多行 tr ④. 如果不对 table 中的数据进行显示分组的话，默认都在 tbody 中 (2)....不规则表格，通过 td 的 colspan 和 rowspan 属性创建不规则的表格、 ①. colspan 跨列合并，在一行中，从指定单元格位置处开始，横向向右合并几个单元格(包含自己)，被合并掉的单元格要删除...②. rowspan 跨行合并，在同一列中，从指定单元格位置处开始，纵向向下合并几个单元格(包含自己)，被合并掉的单元格要删除 (3).
您只需从点击主菜单的格式菜单中选择单元格，然后将单元格分类设置为数字菜单标签下的文本。如果您想输入1-1、2-1等格式。...在EXCEL菜单中，单击文件-页面设置-工作表-打印标题；您可以通过按下折叠对话框的按钮并用鼠标划定范围，将标题设置在顶端或左端。这样，Excel会自动将您指定的部分添加为每页的页眉。...9.如何快速定位格？单元 方法1:按F5显示“位置”对话框，在参考栏中输入要跳转到的单位的格地址，在单市按“确定”按钮 方法二：点击编辑栏左侧格单元的地址框，输入格单元的地址 10....“ctrl *”的特殊功能 一般来说，当处理工作表中有大量数据的表格时，可以通过选择表格，中的单元格格，然后按Ctrl+Shift *来选择整个表格。...13.如何将一个或多个选定的格单元拖放到新位置？按住Shift键可以快速修改单元格格内容的顺序。
DOCTYPE>标签 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。...>内常用标签 基本标签（块级标签和内联标签） ''' n的取值范围是1~6; 从大到小....（最好通过css来设置长宽） rowspan: 单元格竖跨多少行（即纵向合并单元格） colspan: 单元格横跨多少列（即横向合并单元格） ''' 表单标签: .../web method: 表单的提交方式 post/get默认取值就是get 表单元素 基本概念： HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容...当数据完整无误后，服务器反馈一个输入完成的信息 系列标签 ''' 表单类型 type: text 文本输入框 password 密码输入框
可以是普通的数据透视表，如果数据量级过大时，还可以将数据存储在SQL Server中，然后通过Powerpivot连接生成图表；至于控件的选择，需要结合具体的业务需求，通常来讲下拉框、列表框、数据有效性...菜单栏-开发工具-插入下拉框，将其数据源区域设置为城市名称所在位置B6:B18，将其链接单元格设为R6单元格，下拉显示项数默认为8即可。 查询函数公式如下： R10=INDEX(练习!...数据有效性位于R27单元格中，通过R30=R27，将数据有效性单元格值传递给R30，R30将用于后续的vlookup查询取值。...下图中，省份切片器对数据透视表进行切片后，将透视表中的单元格（下图中涂黄单元格）作为查询函数的参数使用，两相结合完成数据抽取的过程，继而通过动态的数据区域生成交互性图表。...简单易用，方便格式化，在用户体验上也远优于下拉框、数据有效性等控件，这也是我会比较多使用切片器作为交互式控件的原因。 那么如上这也酷炫的图表是如何制作的呢？
a标签,对应 的链接内容会出现在 iframe 中 src属性：指的是iframe中显示的内容的连接 frameborder属性：取值为0（不显示边框）和1（显示边框） scrolling属性：取值为...:占位符属性，用于设置文本框的占位符：提示信息 选项标签 select name属性：发送到服务器的名称 multiple属性：不写默认单选，取值multiple表示多选，一般只使用单选 size属性：...，reset相当于input的reset功能 from中有两个属性action method action是将表单数据提交到那个页面 method是传输数据的方法get和post Get将数据拼接到地址栏中...，get相对不安全 ，get提交数据量有限 Post不会将数据拼接到地址栏将数据上传到请求体中 相对安全，理论上是无限的 尽量使用post方式提交表单 提交表单的注意事项 ①需要提交服务器中的数据，必须都要放到...，例如 utf-8】 2、将字符数组中的每一个元素，都会从十进制，转换为十六进制 3、把已经转换为16进制的字节数组，以%进行拼接，拼接成字符串就是url编码后的结果 META 元—->属性 div 区域分割标签
这些水平线可以通过插入图片实现，也可以简单地通过标签来完成 就是创建横跨网页水平线的标签。其基本语法格式如下： 是单标签 在网页中显示默认样式的水平线。...3.td /td：用于定义表格中的单元格，必须嵌套在标签中，一对 中包含几对，就表示该行中有多少列（或多少个单元格）。 注意： 1....表单域： 他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。...通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下： 中的字符数" rows="显示的行数"> 文本内容 下拉菜单...method 用于设置表单数据的提交方式，其取值为get或post。 name 用于指定表单的名称，以区分同一个页面中的多个表单。 注意： 每个表单都应该有自己表单域。 记得保存，方便以后查找。
像素值 规定单元边沿与其内容之间的空白，默认1像素 cellspacing 像素值 规定单元格之间的空白，默认2像素 width 像素值或百分比 规定表格的宽度 合并单元格 合并方式 跨行合并：rowspan...url地址 用于指定接收并处理表单数据的服务器程序的url地址 method get/post 用于设置表单数据的提交方式，其取值为get或post name 名称 用于指定表单的名称，以区分同一个页面中的多个表单域...表单控件（表单元素） input输入表单元素 为单标签元素 type属性： type值 描述 text 文本框 password 密码框 radio 单选按钮...重置按钮会清楚表单中的所有数据 submit 定义提交按钮。...，值为checked maxlength属性：规定输入字段中的字符的最大长度，值为整数 标签为input元素定义标注。
Item } } 如下代码演示了如何从 QSpinBox 中读取数量，并将其设置为 QTableWidget 表格的行数。...// 从spinBox中读出数量,并设置TableWidget表格的行数 void MainWindow::on_pushButton_2_clicked() { // 读取出spinBox中的数据...将 QTableWidgetItem 添加到表格的指定位置。 通过这样的操作，可以在表格中动态地创建一行，并设置每个单元格的内容和样式。...isParty; } } 运行后，通过点击初始化表格则可以实现对Table的初始化，如下图所示； 这里我说一下插入行是如何实现的，插入时只需要通过currentRow()获取当前光标位置，接着直接调用...1.2 读数据到文本 如下代码实现了将QTableWidget中的数据读入文本框的功能。 以下是代码的主要解释： 清空文本框： 使用 ui->textEdit->clear() 清空文本框内容。
域相当于文档中可能发生变化的数据或邮件合并文档中套用信函、标签的占位符。 通过域，可以调用宏 命令；也可以通过宏的语句在文档中插入域。 ...插入用常规方法无法实现的字符，如： 3. 自动生存索引和目录。 4. 表格和数学公式的计算。 5. 插入超级链接，可以从文档的此处跳转至其他位置，或打开其他文件。 ...在公式的括号中键人单元格引用，可引用单元格的内容。例如，单元格 A1 和 B4 中的数值相加时，会显示公式 =SUM(a1,b4)。 5 在“数字格式”框中输入数字的格式。...例如，要以带小数点的百分比显示数据，则单击“0.00%”。 注意：Word 是将计算结果作为一个域插入选定单元格的。...可用简单列表或多级符号列表中的 ListNum 域编号，在段落中任意位置都可插入。提供 AutoNum 域以与以前的 Word 版本兼容。
设置边框的宽度，以像素点为单位的边框宽度，不设置宽度默认值为0 ——取值为left、right、center，分别表示将表格在页面中的相对位置 单元格内的内容自动换 表格中的空单元格: 在一些浏览器中，没有内容的表格单元显示得不太好。...跨越多行：在或标签符里利用rowspan属性，并在其后写上想要跨越的列数。 div标签： 可定义文档中的分区或节（division/section）。... 标签可以把文档分割为独立的、不同的部分。 换行是 固有的唯一格式表现。可以通过 的 class 或 id 应用额外的样式。...可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。
2.1 柱状图绘制 先绘制柱状图，案例中是两组数据，所以是组合柱状图。...在本次绘制中，有以下几个知识点，可以记一记： 设置标题时的位置（用参数x,y指定） 设置坐标轴标题时用参数rotation旋转方向 设置坐标轴区间范围 显示数据标签（用ax.bar_label方法） import...table 关于 plt.table的参数介绍如下： cellText：表格单元格文本，字符串中的换行符暂不支持，可能导致文本超出单元格边界 cellColours：表格单元格背景色 cellLoc：表格单元格文本的对齐方式...colLoc：表格列表头文本的对齐方式，取值范围为{'full', 'left', 'right'}，默认值为'left' loc：单元格相对于子图的位置 bbox：绘制表格的边界框 最后，我们需要做的就是将上述两个图进行组合...组合 在本次案例中，对组合图需求有以下几点： 柱状图边框不显示 图表table中列名高度需要高一些，单元格的高度要低一些 图例位置需要和对应行一致 为了实现上诉需求，我们可以通过以下方式来处理： # 设置单元格高度
DOCTYPE html> head标签用于定义文档的头部。 文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。...它显示在浏览器窗口的标题栏或状态栏上。 标签是 标签中唯一必须要求包含的东西，就是说写head一定要写title 的增加有利于SEO优化 的颜色 width：设置水平线的宽度 size：设置水平线的高度 align：设置水平线的对齐方式（默认居中），可取值left|right 图片 标签定义 HTML 页面中的图像...，我们一般会将其包括在一个lable标签中，它和span效果一样，但是我们点击前面文字也能快速获取输入框焦点。...name表单名称 method中Get和Post的区别 数据提交方式，get把提交的数据url可以看到，post看不到 get一般用于提交少量数据，post用来提交大量数据 一个完整的表单包含三个基本组成部分
表格至少有三个基本的标签构成 table 代表一个表格 tr代表行 td代表单元格 tr必须嵌套在table标签中，td必须嵌套在tr或者th中 有几个单元格就代表有几列 表格属性...单元格与单元格内容的间距 表格的表头标签 在合适的位置将td替换成th即可 th标签相对td来说更有语义性 并且会将内部的文字加粗且居中 表头1 表头2...） 表单 （真正用来收集用户信息） 表单的分类 type的取值： text 单行文本输入框 password 密码框 radio 单选框（在多个里面选择一个） 单选框要生效必须具备...textarea 多行文本输入框 select 下拉菜单 表单补充 radio和checkbox 默认选中项 checked select框的默认选中项 selected label标签的使用...详细的请查阅文档 多媒体标签 视频 网页中插入视频有两种方法 没有兼容性的 将视频文件上传到第三方网站获取其分享代码放到自己的页面中即可 优点：没有兼容性 缺点：有广告植入 使用H5新增的video
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
云直播
对象存储
实时音视频
