html表格

动态表格-JavaScript

倖福魔咒の 提交于 2020-03-03 19:19:24
< ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > 表格全选 < / title > < style > table { border : 1 px solid ; width : 500 px ; margin - left : 30 % ; } td , th { text - align : center ; border : 1 px solid ; } div { margin - top : 10 px ; margin - left : 30 % ; } . out { background - color : white ; } . over { background - color : pink ; } < / style > < script > /* 分析: 1.全选: * 获取所有的checkbox * 遍历cb,设置每一个cb的状态为选中 checked */ //1.在页面加载完后绑定事件 window . onload = function ( ) { //2.给全选按钮绑定单击事件 document . getElementById ( "selectAll" ) . onclick = function ( ) { //全选 /

html+css基础入门学习教程之HTML 布局 - 使用 元素

ぃ、小莉子 提交于 2020-03-03 07:04:54
网站布局 大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。 可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。 提示 即使可以使用 HTML 表格来创建漂亮的布局,但设计表格的目的是呈现表格化数据 - 表格不是布局工具! HTML 布局 - 使用 <div> 元素 新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。 div 元素是用于分组 HTML 元素的块级元素。 下面的例子使用五个 div 元素来创建多列布局: 例子: <html> <head> <style type="text/css"> #container{width:500px} #header {background-color:#99bbbb;} #menu {background-color:#ffff99; height:200px; width:100px; float:left;} #content {background-color:#EEE; height:200px; width:400px; float:left;} #footer {background-color:#99bbbb; clear:both;

表格的html属性

妖精的绣舞 提交于 2020-02-29 22:51:14
表格的 :表格的html属性 属性 A.table表格属性 1:width="表格的宽度" 2:height="表格的高度" 3:border="表格的边框" 4:bordercolor="边框色" 5:cellspacing="单元格与单元格之间的间距" 6:cellpadding=“单元格与内容之间的距离" 7:align="表格水平对齐方式" 取值:left、right、center B.td列属性 1:align="文本水平对齐方式" 取值:left、right、center 2:valign=“垂直对齐” top\bottom\middle 3:合并单元格属性:(td) 合并列: colspan=“所要合并的单元格的列数" 合并行: rowspan=“所要合并单元格的行数” 来源: https://www.cnblogs.com/yao159357/p/12386407.html

HTML 参考手册

北城以北 提交于 2020-02-29 05:31:02
功能排序 New : HTML5 新标签 标签 描述 基础 <!DOCTYPE> 定义文档类型。 <html> 定义一个 HTML 文档 <title> 为文档定义一个标题 <body> 定义文档的主体 <h1> to <h6> 定义 HTML 标题 <p> 定义一个段落 <br> 定义简单的折行。 <hr> 定义水平线。 <!--...--> 定义一个注释 格式 <acronym> HTML5不再支持。 定义只取首字母的缩写。 <abbr> 定义一个缩写。 <address> 定义文档作者或拥有者的联系信息。 <b> 定义粗体文本。 <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。 <bdo> 定义文本的方向。 <big> HTML5不再支持。 定义大号文本。 <blockquote> 定义块引用。 <center> HTML5不再支持。 HTML 4.01 已废弃。定义居中文本。 <cite> 定义引用(citation)。 <code> 定义计算机代码文本。 <del> 定义被删除文本。 <dfn> 定义定义项目。 <em> 定义强调文本。 <font> HTML5不再支持。 HTML 4.01 已废弃。 定义文本的字体、尺寸和颜色 <i> 定义斜体文本。 <ins> 定义被插入文本。 <kbd> 定义键盘文本。 <mark> New 定义带有记号的文本。

第二周 HTML

本秂侑毒 提交于 2020-02-28 23:42:51
第二周 HTML 一 HTML概述 1. 含义: 超文本标记语言 ,是网络web语言的基础, 不区分大小写 。 2. 特点:独立于平台,但存在缺点:不同浏览器的显示形式不一样等。 HTML 标记标签通常被称为 HTML 标签 (HTML tag) <标签>内容</标签> HTML 元素 包含了开始标签与结束标签, 元素的内容 是开始标签与结束标签之间的内容, 元素属性 是 HTML 元素提供的附加信息。 基本 HTML 网页结构 如下,body标签内的才是我们在浏览器上所视内容 3. 基本结构:<html>标记 <head>标记(首部标记) <title>标记(标题标记) <body>标记(正文标记) 文字、图片、超链接等HTML元素都包含其中 注意:这些标记符都是对称标签,需要成对存在,尾部用</...>来结束,Web页面其他内容都必须位于二者之间 二 HTML元素概述 1 分类:HTML包含很多元素种类,不同种类承担不同的作用。HTML元素 属性 一般在 开始标签 中,以 键值对 表示。 ❀主窗体元素 <html> <title> <body> <head> 等对称标签 <META> 非对称标签(用来描述HTML文档自身信息) ❀字符风格控制元素 ❀版面控制元素 <p> </p> 段落 <img src="" alt="" title=""/> 图片【gif,png,jpg

html基础知识

二次信任 提交于 2020-02-28 21:14:20
XHTML常用标记 含义 标签 段落 p 标题 h1-h6 空格 &nbsp 加粗 b,strong 倾斜 em 换行 br 水平线 hr 删除线 del 大于号/小于号 &gt大于 &lt小于 版权 &copy(圈C) HTML列表 列表是一种规定格式的文字排列方式,用于列举内容。常用的列表分为有序列表、无序列表和自定义列表。 有序列表 < ol > < li > 列表项 1 < / li > < li > 列表项 2 < / li > …… < / ol > 在<ol,<li 中可以使用type、start属性。 type属性用于设置编号的种类和格式,其取值如下: l:编号为数字,默认值。例如:1,2,3,…… A:编号为大写英文字母。例如:A,B,C,…… a:编号为小写英文字母。例如:a,b,c,…… I:编号为大写罗马字符。例如:Ⅰ,Ⅱ,Ⅲ,…… i:编号为小写罗马字符。例如:ⅰ,ⅱ,ⅲ,…… 有序列表 < ol type = "a" start = "3" > < li type = "A" > Java < / li > < li > Sevlet < / li > < li > Php < / li > < / ol > 无序列表 < ul > < li > 列表项 1 < / li > < li > 列表项 2 < / li > …… < / ul > 在<ul

ANKI_3.3_Anki番外篇_在anki里面添加表格

我是研究僧i 提交于 2020-02-27 14:48:13
1.excel表格,加上边框,复制 2.粘贴到word中,右键加粗表格边框为 3.0磅 3.打开网页工具http://kindeditor.net/demo.php,使用word粘贴,将表格放入粘贴区域 4.粘贴后,点击转为html代码 5.全选,赋值这段代码,打开anki添加笔记,使用cloze字段,点击工具栏 6.打开html编辑器,将代码粘贴进去,关闭,查看 7.使用空格Ctrl +Shift + Alt +C 同时显示,还是分开显示Ctrl +Shift +C (搁置),测试 8.建议 ①手机不要编辑表格 ②最好不要经常使用 ③最好积攒一起,一起做,分散浪费时间 来源: CSDN 作者: Dazzle God 链接: https://blog.csdn.net/qq_42907800/article/details/104535174

前端入门笔记之一

心已入冬 提交于 2020-02-27 14:11:36
OXO1常识 一. web 1.网页 通常是html格式的文件,通过浏览器来解析。 2.网站 英特网上根据一定的规则,使用html等制作的用于展示特定相关内容的网页集合。 3.web标准的构成 (1)结构: 结构是对页面元素的整理和分类,eg : html (2)表现 用于设置网页元素的版式,颜色,大小等外观样式,eg : css (3)行为 是指网页模型的定义以及交互。eg : js 注 : web最佳的体验方案:结构,表现,行为相分离。 二.浏览器 浏览器内核(渲染引擎): 负责读取网页内容,整理讯息,计算网页显示方法并显示页面。 Trident : IE 猎豹安全 360极速浏览器 百度浏览器 Gecko : firefox Webkit : safari(苹果浏览器) Blink : chrome Opera 注释 : Blink是webkit的一个分支。 OX02 HTML 一.HTML 1. HTML指的是超文本标记语言(Hyper Text Markup Language),它不属于编程语言,而是属于一套标签,用来描述网页。 2. HTML文档的后缀为" .html "或者“ .htm ” 3.HTML语法 (1)标签通常是由尖括号括起来关键字的一对标签。(双标签) <html> </html> (2)单标签 <br /> 3.标签关系 (1)包含关系 <head>

表格与框架

岁酱吖の 提交于 2020-02-27 04:22:46
表格 表格元素主要由行,列,表头单元格,正文单元格,标题,表头行,正文行,表尾行构成。 在HTML中,通过 <table> 标签创建表格元素 表格的基本属性:cellpadding(设置单元格与其内容之间的距离),cellspacing(设置单元格之间的距离),width,height… 表格的组成 < body > < table > < tr > < th > 姓名 </ th > < th > 部门 </ th > < th > 邮箱 </ th > < th > 电话 </ th > </ tr > < tr > < td > 张叁 </ td > < td > 市场部 </ td > < td > zhangs@itshixu.com </ td > < td > 18966882233 </ td > </ tr > < tr > < td > 李斯 </ td > < td > 研发部 </ td > < td > lis@itshixu.com </ td > < td > 13688995566 </ td > </ tr > </ table > </ body > 行标签<tr> ,它是表格的水平元素,一行有一个或多个单元格 属性: 属性 描述 align 设置单元格内容水平对齐方式:left、center、right、justify valign

252、bootstrap 之 表格样式

夙愿已清 提交于 2020-02-26 14:01:12
表格 1、class="table "普通表格样式 2、class="table table-striped" 带斑马条纹样式,也行与行之间间隔背景色 3、class="table table-bordered" 带边框样式 4、class="table table-hover" 速表悬停 5、class="table table-condensed" 紧缩 6、可以给某个行或者某个单元格添加如下class,来单独修改背景颜色 Class 描述 .active 鼠标悬停在行或单元格上时所设置的颜色 .success 标识成功或积极的动作 .info 标识普通的提示信息或动作 .warning 标识警告或需要用户注意 .danger 标识危险或潜在的带来负面影响的动作 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <title>Bootstrap hello