td | 易学教程

如何在打开新窗口后，屏蔽父窗口，让父窗口变暗?

阅读更多关于如何在打开新窗口后，屏蔽父窗口，让父窗口变暗?

<html> <head>dd</head> <script language="javascript"> var obj1,obj2,obj3,obj4 function Myalert(){ obj1=document.createElement('<div id="a" style="position:absolute;filter:alpha(opacity=50);background-color:#cccccc;top:0px;left:0px;width:100%;height:100%;z-index:1000"></div>'); str='<div align="center" id="b" style="filter:alpha(opacity=100);position:absolute;z-index:1001;top:300px;left:300px;width:300px;height:100px;background-color:#ffffff;"></div>'; obj2=document.createElement(str); obj3=document.createElement("<span></span>"); obj3.innerText=

JS:输出9*9乘法表

阅读更多关于 JS:输出9*9乘法表

<html> <head> <title>9*9 multiplication table</title> </head> <body> <script language="JavaScript"> var row = 9; var colum = 9; document.write("<table>"); for(i = 1; i <= row; i++){ //循环控制行 document.write("<tr>"); for (j = 1; j <= colum; j++){ //循环控制列 if (j <= i){ document.write("<td>"+ i + "*" + j + "=" + i*j + "</td>"); }else{ document.write("<td> </td>"); } } document.write("</tr>"); } document.write("</table>"); </script> </body> </html> 来源： https://www.cnblogs.com/chiangyibo/p/7002849.html

C#正则表达式获取html标签之间的内容

阅读更多关于 C#正则表达式获取html标签之间的内容

正则表达式获取<td>和</td>之间的内容 string str = @"<td>123/126/130</td><td>186/194</td></tr><tr><td>4</td><td><f>beijing</td><td>T60</td> Regex reg = new Regex(@"(?<=<td>)(.*?)(?=</td>)", RegexOptions.IgnoreCase);//[^(<td>))] MatchCollection mc = reg.Matches(str); foreach (Match m in mc) { webtext.Text += m.Value + "\r\n"; } 参考资料正则表达式30分钟入门教程 http://www.jb51.net/tools/zhengze.html 来源： oschina 链接： https://my.oschina.net/u/948490/blog/109711

Echarts笔记1-饼图，自定义tooltip

阅读更多关于 Echarts笔记1-饼图，自定义tooltip

1 option = { 2 3 tooltip: { 4 trigger: 'item', 5 position: ['40%', '40%'], 6 formatter: function (params) { 7 var index = params.dataIndex; 8 var name = ["aaaa", "bbbb", "cccc"]; 9 10 var res = "<div><span style='text-decoration: underline;'>" + name[index] 11 + "</span>TOP4</div><div style='width:100px;font-size: 12px;'><table style='width:100%;'>"; 12 if (index === 0) { 13 res += "<tr><td>1</td><td>1</td><td>9人</td></tr>"; 14 res += "<tr><td>2</td><td>2</td><td>6人</td></tr>"; 15 res += "<tr><td>3</td><td>3</td><td>4人</td></tr>"; 16 res += "<tr><td>4</td><td>4</td><td>2人</td></tr>"; 17 } else

Datalist无隙滚动

阅读更多关于 Datalist无隙滚动

Code < div id = " demo " style = " overflow: hidden; width:636px; color: #ffffff; height: 90px; " > < table border = " 0 " cellpadding = " 0 " cellspacing = " 0 " class = " line2 " style = " margin-top: 5px; width:612px; " > < tr > < td style = " height:2px " > </ td > </ tr > < tr > < td id = " demo2 " style = " height: 90px " valign = " middle " > </ td > < td id = " demo1 " align = " center " style = " height: 90px " valign = " middle " > < asp:DataList ID = " DataList3 " runat = " server " RepeatDirection = " Horizontal " RepeatColumns = " 8 " Width = " 620px " > < ItemTemplate > < table >

表单元素

阅读更多关于表单元素

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单注册</title> 6 </head> 7 <body> 8 <table border="1" cellspacing="1" cellpadding="1" width="400px"> 9 <tr align="left"> 10 <td colspan="2" height="40px" width="400px" style="background-color: pink"> 11 <img src="https://p0.ssl.qhimg.com/t013feee31537e51f3b.png" height="60px" width="60px" alt="xiangmao" /> 12 </td> 13 </tr> 14 <tr> 15 <th colspan="2">邮箱会员注册</th> 16 </tr> 17 <tr> 18 <td width="40%" align="center">用户名:</td> 19 <td width="60%"><input type="text" name="username"></td> 20 </tr> 21 <tr> 22 <td width="40%"

注册页面美化版

阅读更多关于注册页面美化版

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>注册页面美化版</title> <style> .top{ float: left; width: 33%; height: 65px; } .amenu{ color: white; text-decoration: none; line-height: 50px; } </style> </head> <body> <div> <div class="top"><img src="img/6.png"/></div> <div class="top"><img src="img/5.jpg"/></div> <div class="top" style="line-height: 50px; text-align: center;"> <a href="#">登录</a> <a href="#">注册</a> <a href="#">购物车</a> </div> </div> <div style="clear: both;"></div> <div style="height: 50px; background-color: black; width: 100%;"> <a href="#" class="amenu"><font color="white"

CSS：表格样式（设置表格边框/文字/背景的样式）

阅读更多关于 CSS：表格样式（设置表格边框/文字/背景的样式）

使用CSS能够制作出十分精美的表格。代码整理自w3school： http://www.w3school.com.cn 效果图：代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="zh-cn" /> <title>CSS 表格样式</title> <head> <style type="text/css"> body {background-color:#e8e8e8} /*text-align 属性设置水平对齐方式，vertical-align 属性设置垂直对齐方式*/ table,th,td {border:1px solid blue;text-align:center} table.singlineBorder {border-collapse:collapse;} /*单线条边框的表格*/ table.widthPercent30

layui-table 表格样式在div中溢出

阅读更多关于 layui-table 表格样式在div中溢出

1 <div style="width: 50%"> 2 <table class="layui-table"> 3 <tbody> 4 <tr> 5 <td>Bud</td> 6 <td>179</td> 7 <td>183</td> 8 <td>44</td> 9 <td>37</td> 10 <td>31</td> 11 <td>29</td> 12 <td>25</td> 13 <td>25</td> 14 <td>21</td> 15 <td>20</td> 16 <td>20</td> 17 </tr> 18 <tr> 19 <td>Act</td> 20 <td>179</td> 21 <td>183</td> 22 <td>44</td> 23 <td>37</td> 24 <td>31</td> 25 <td>29</td> 26 <td>25</td> 27 <td>25</td> 28 <td>21</td> 29 <td>20</td> 30 <td>20</td> 31 </tr> 32 </tbody> 33 </table> 34 </div> 表格使用了 layui-table样式后，内容从div中溢出。检查单元格的样式发现 layui-table设置的左右内边距 15px 要大于上下内边距 9px。重新设置 layui-table 的 td

前端基础HTML篇

阅读更多关于前端基础HTML篇

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