html表格

表格与表单

由 穿精又带淫゛_ 提交于 2019-11-27 00:24:33
1、表单 button按钮（不进行提交） <input type="button" value="按钮内容" /> <button type="reset"> </button> 单选框(单选按钮) <input type="radio" name="ral" /> 复选框 <input type="checkbox" name="like" /> checked="checked"; 默认选中 disabled="disabled" ；禁用 enabled=“enabled” ；可用 多行文本框（文本域） <textarea cols="字符宽度" rows="行数" ></textarea> 阻止浏览器对窗口的拖动设置:{resize:none;}（css属性） 设置文本框与提示字对齐方式，对textarea设置vertical-align 列表和下拉菜单 下拉菜单 <select > <option>选项1</option> <option>选项2</option> ...... </select> 注： <select size="数值"></select> (有size 属性的是列表) 上传文件框 文件域： <input type="file" /> 隐藏表单，一般用作数据存储 文件域： <input type="hidden" value="订单编号" />

（7）前端 - HTML - 表格标签

由 a 夏天 提交于 2019-11-27 00:22:33
表格标签学习： table：声明一个表格 tr：声明一行 th：声明一个单元格，表头格，默认居中加黑显示 td：声明一个单元格，默认居左原始数据 属性：border：给表格添加边框 width：设置表格宽度 height：设置表格高度 cellpadding：内容距离表格的距离 cellspacing：边框的大小 特点：默认根据数据的多少进行表格的大小显示 单元格的合并： 第一步：首先确保表格是一个规整的表格 第二步：根据要合并的单元格，找到起所在的源码位置 第三步：行合并：在要合并的单元格中的第一个单元格上使用属性rowspan="要合并的单元格个数"，并删除其他要合并的单元格完成合并 列合并：在要合并的单元格中的第一个单元格上使用属性colspan="要合并的单元格个数"，并删除其他要合并的单元格完成合并 运行结果： 来源： https://blog.csdn.net/Ricardo__Lu/article/details/99224606

html

由 谁说胖子不能爱 提交于 2019-11-26 22:25:12
一般常用标签 标签 说明 h1~h6 标题 p 段落 table 表格 caption 表格标题 tr 表格的行元素 th 表格的表头单元格 td 表格的一般单元格 ul 无序列表 ol 有序列表 li 列表项 a 链接 br 换行 hr 折线 b 粗体文字 em 着重文字 i 斜体字 small 小号字 strong 加重语气 sub 下标字 sup 上标字 del 删除字 code 计算机代码 pre 预格式文本 头部标签 标签 说明 html html文档 head 头部 body 体部 title 文档标题 base 定义基本的链接地址 link 定义文档与外部资源的关系，常用于样式表 style 定义样式文件引用地址，或者直接定义样式 meta 描述一些基本元数据，网页描述，关键词，字符集等 script 加载脚本 其它信息 标签 说明 img 图像 map 图像地图 area 图像地图中的可点击区域 布局 标签 说明 div 块元素 span 内联元素 表单 标签 说明 form 表单 input 输入标签 来源： https://www.cnblogs.com/blunFan/p/11333840.html

html body标签

由 耗尽温柔 提交于 2019-11-26 22:05:26
table table 属性： 　　border ：定义表格的边框宽度，默认为0，即无边框。<table border="1"> 　　title ：表格的提示信息，当鼠标移到表格上方时，所提示的信息。 cellpadding ：规定单元边沿与其内容之间的空白。 cellspacing ：规定单元格之间的空白。 th、td 属性： 　　colspan : 表示横向合并单元格 ( ) 　　rowspan ：表示纵向合并单元格 ( ) 内涵标签 <caption></caption>：表头信息。 <tr></tr> ：定义一个表格行； <th></th> ：定义一个表格头；若是纯文字，默认会以粗体的样式表现。 <tbody></tbody> ：可以理解为表格的内容区域，在Chrome、FF浏览器通过DOM进行表格动态插入行的时候，要使用这个。如果不进行DOM操作，可不用添加。 <td></td> ：定义一个单元格； table 表格的书写形式两种： <html> <body> <h4>表头：</h4> <table border="1"> <tr> <th>姓名</th> <th>电话</th> <th>电话</th> </tr> <tr> <td>Bill Gates</td> <td>555 77 854</td> <td>555 77 855</td> </tr> </table>

HTML创建表格格式

由 霸气de小男生 提交于 2019-11-26 20:28:51
<table> <thead> <tr> <th>序号</th> <th>内容一</th> <th>内容二</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox"></td> <td>123</td> <td>456</td> </tr> <tr> <td><input type="checkbox"></td> <td>123</td> <td>456</td> </tr> <tr> <td><input type="checkbox"></td> <td>123</td> <td>456</td> </tr></table> 来源： https://www.cnblogs.com/duhong0520/p/11332720.html

HTML和CSS

由 ▼魔方 西西 提交于 2019-11-26 19:14:38
一：前端开发简介 一、概述：前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过 HTML ， CSS 及 JavaScript 以及衍生出来的各种技术、框 架、解决方案，来实现互联网产品的用户界面交互。 二、发展过程：它从 网页制作 演变而来，名称上有很明显的时代特征。在 互联网 的演化进程中，网页制作是 Web1.0 时代的产物，早期网站 主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着 互联网技术 的发展和 HTML5 、 CSS3 的应 用，现代网页更加美观，交互效果显著，功能更加强大。 二：HTML5 一、HTML简介 HTML是超文本标记语言，是网页的核心，是一种制作万维网页面的标准语言 二、HTML基本骨架 <!-- 文档声明，声明当前文档遵循HTML5规范 --> <!DOCTYPE html> <!-- 超文本标记语言文件的标记符 --> <html> <!-- 定义文档的信息 --> <head> <!-- 定义文档编码格式 --> <meta charset="utf-8"> <!-- 定义文档标题，显示在网页窗口的标题栏中 --> <title>MyHtml.html</title> </head> <!-- 实体标记，网页中显示的内容 --> <body></body> </html> HTML基本骨架代码实现 三

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型)

由 空扰寡人 提交于 2019-11-26 14:46:57
前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型) 一丶HTML块级标签 排版标签 p 标签: 段落标签,会自动在段落上下加上空白来分开 p标签是一个文本标签,本身是一个块级标签不能再嵌套块标签 div 标签: 没有样式的标签 ,最常用 列表 ​ 1.无序列表 常用 2.有序列表 3.标题列表 # 无序列表 circle:空心圆, disc:默认实心圆,square:实心方片 <ul type='circle'> <li>1</li> <li>2</li> </ul> <ul type='square'> <li>1</li> <li>2</li> </ul> <ul> <li>1</li> <li>2</li> </ul> # 有序列表 ol ,type:阿拉伯数字和英文字母. start :从第几个开始 <ol type='1' start='2'> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ol> # 标题列表 <dl> <dt>标题</dt> <!-- dt 表示标题 --> <dd>1</dd> <!-- dd 内容 --> <dd>2</dd> <dd>3</dd> </dl> 表格 table 表格: thead :表头 tr: 一行 th: 一列 ,

全栈笔记-前端-第一部分:HTML5+CSS3-03-HTML5的基本结构(下)-常用标签分类和介绍

由 倾然丶 夕夏残阳落幕 提交于 2019-11-26 10:32:53
一,前言 首先要说一下,距离上一篇全栈笔记的更新大概有半个月了 这段时间基于Vue-cli3和Ant-Design-Vue做了一个后台管理的Demo 我也想把这个思考学习的过程记录下来,所以在博客和Git上对整个过程做了记录 一步一步实现一个开箱即用的后台管理平台模板,功能完备之后再对各部分做优化 回过头来继续说<<全栈笔记>>,上一篇的HTML5的基本结构(上) 详细介绍了:HTML的基本组成,DOCTYPE文档声明,Title标题和meta元信息 本篇HTML5的基本结构(下),主要针对"HTML文件的内容区"即<body></body>部分 介绍日常开发中高频,重要的标签及语义,也作为后续HTML部分的总览 二,常用标签分类 分类 功能 网站结构类标签 用于创建HTML文件 文件引入类标签 用于引入外部文件,为标签添加样式 布局类标签 用于实现网页整体布局 段落文本类标签 用于实现单行布局 表格类标签 用于制作表格 表单类标签 制作表单 链接&图片类标签 添加锚点和图片应用 低频标签 较少使用 三,网页结构类标签 标签 语义 html 网页文档,用于包含HTML文件 body 网页主体/内容区 head 网页头部 meta 网页元信息 title 网页标题 四,文件引入类标签 标签 语义 link 通过网页外部链接,将外部文件,如:CSS等,引入当前文件 style 网页样式

Web表格应用系统开发套件

由 梦想与她 提交于 2019-11-26 10:32:26
一、利用 Cell设计Web表格应用系统开发套件 Cell 毕竟还是一个表格组件，只能用单元格位置标示数据，没有数据模型和数据绑定概念，离真正的应用开发还有段距离，我们可以利用 Cell 设计一套 Web 表格应用系统开发套件 ，以下简称 Reports 套件 。该套件分三个相对独立的部分： Reports模板设计工具、Reports浏览器端API，Reports服务器端API 。 1、Reports模板设计工具 ，是一个独立运行的桌面程序，用于设计表格格式和定义数据模型，完成表格单元格与数据项绑定，设计结果存储在一个独立的 Reports模板文件，该文件可以被Reports浏览器端API与Reports服务器端API利用来显示表格格式和处理数据模型。根据实际开发需要，Reports模板分三种类型：单记录表、多记录表和主-细表。单记录表用于一次显示和编制一条记录数据，多记录表用于一次显示和编辑多条记录，主-细表用于一次显示和编辑一条主记录和多条明细记录。在模板设计时，可以充分利用Cell强大的格式定义功能，实现HTML元素无法实现的功能。 2、Reports浏览器端API 是一套 VBScript脚本库（ 也可以用于vb ），它为开发人员在浏览器上实现表格数据处理提供了一套通用接口函数，它以Cellweb为容器，以Reports模板文件为资源，能够实现数据装入、数据采集、数据显示

前端开发（一）HTML

由 杀马特。学长 韩版系。学妹 提交于 2019-11-26 10:22:39
1、前端概述 前端开发：基于web的互联网产品的界面开发及功能开发。 互联网产品开发流程及岗位： HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言 <!DOCTYPE html> <html lang="en"> <head> <title>个人主页</title> <meta charset="utf-8"> </head> <body> 这是我的个人主页 </body> </html> “<html>”标签中的‘lang=“en”’定义网页的语言为英文，定义成中文是'lang="zh-CN"',不定义也没什么影响，它一般作为分析统计用。 2、HTML文档类型 （1）xhtml 1.0 xhtml 1.0 是html5之前的一个常用的版本，目前许多网站仍然使用此版本。 用sublime text创建方法： html:xt + tab <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http
订阅 html表格