td | 易学教程

纯HTML代码绘制表格--初入HTML1

阅读更多关于纯HTML代码绘制表格--初入HTML1

纯HTML代码绘制表格--初入HTML1 预计效果图代码关键代码解释结果展示预计效果图代码话不多说，先上代码 <!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < title > 中国邮政储蓄银行 </ title > </ head > < body > < hr /> < br /> < br /> < br /> < h1 align = " center " style =" font-size : 30pt " > 外币小额存款利率 </ h1 > < hr /> < h2 align = " center " style =" font-size : 18pt " > 发布日期：2013-02-18 </ h2 > < br /> < br /> < br /> < table border = " 1 " align = " center " cellpadding = " 8 " cellspacing = " 0 " > < tr align = " center " bgcolor = " CC0000 " > < th colspan = " 8 " style =" color : white " > 外币小额存款利率表 </ th > </

表格中添加表单

阅读更多关于表格中添加表单

最近做一个网站，需要设计一个表单，要求是表格的形式，行可以任意添加减少最后效果如图：个人感觉效果做得还行，记一下以后做参考 HTML： <div class="modal-body" id="recommendSite-form"> <table class="table table-bordered table-condensed recommendTable"> <thead > <tr> <th >网站名称</th> <th>网址</th> </tr> </thead> <tbody id="recommendTbody"> <tr > <td> <input class="form-control" > </td> <td> <input class="form-control" > </td> <td > <span class="btn-group"> <span class="btn btn-default glyphicon glyphicon-plus-sign addRow"></span> <span class="btn btn-default glyphicon glyphicon-minus-sign delRow"></span> </span> </td> </tr> </tbody> </table> </div>

HTML table表格

阅读更多关于 HTML table表格

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="1" cellpadding="10px" cellspacing="0px"> <tbody> <tr> <td>内容1</td> <td>内容2</td> <td>内容3</td> </tr> <tr> <td>内容1</td> <td>内容2</td> <td>内容3</td> </tr> <tr> <td>内容1</td> <td>内容2</td> <td>内容3</td> </tr> </tbody> <thead> <tr> <th>标题1</th> <th>标题2</th> <th>标题3</th> </tr> </thead> </table> <hr> <table border="1"> <tr> <th id="th1">标题1</th> <th>标题2</th> <th>标题3</th> </tr> <tr> <td colspan="2">内容1</td> <td rowspan="2">内容3</td> </tr> <tr> <td>内容1</td> <td>内容2</td> </tr> <tr> <td>内容1</td> <td

Web前端实战案例

阅读更多关于 Web前端实战案例

制作404页面 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > 登录和注册页面设计 < / title > < style > /*通配选择器*/ * { margin : 0 ; padding : 0 ; } . box { font - family : "Microsoft YaHei UI" ; font - size : 80 px ; color : #f1ebe5 ; /*字体阴影*/ text - shadow : 0 8 px 9 px #c4b59d , 0 px - 2 px 1 px rgba ( 255 , 46 , 108 , 0.73 ) ; /*设置字体加粗*/ font - weight : bold ; text - align : center ; padding : 20 px 100 px ; /*设置颜色渐变*/ background : linear - gradient ( to bottom , # 0 dc418 0 % , # 5 dc4a3 100 % ) ; } h1 { border - bottom : 1 px solid #fff ; } h2 { font - size : 20 px ;

04-表格 table(会使用)

阅读更多关于 04-表格 table(会使用)

人生苦短，要学就只学有用的【前端教学-Html-3】经久不衰的table...... HTML 目标注意：在十多年前的时候，那时候使用表格来完成网页布局是非常参常见的技术，没有现在的css+div布局这一回事。表格你需要掌握，但是不必须精通，对于以后的css+div 你必须精通！能出说表格用来做什么的能说出列表用来做什么的能说出表单用来做什么的为了让我们页面显示的更加整齐，我们需要学习三个表（表格、表单、列表）表格 table(会使用) 目标：理解：能说出表格用来做什么的表格的基本结构组成应用：能够熟练写出n行n列的表格能简单的合并单元格表格作用：存在即是合理的。表格的现在还是较为常用的一种标签，但不是用来布局，常见显示、展示表格式数据。因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便。 1. 创建表格创建表格的基本语法： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 要深刻体会表格、行、单元格他们的构成。在上面的语法中包含基本的三对HTML标签，分别为 table、tr、td，他们是创建表格的基本标签，缺一不可

Asp.net: html5中不再支持table的cellspacing和cellpadding属性（转载）

阅读更多关于 Asp.net: html5中不再支持table的cellspacing和cellpadding属性（转载）

如果你现在开始用html5的声明来写页面时，你会发现在定义table的cellspacing和cellpadding时被提示该属性已过时或者提示非法属性。具体原因是在html5中table标签的这两个属性已经被移除，需要定义边框之类的时应该使用css的写法。具体实现如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Html5 Table Test</title> <style type="text/css"> table{ border-collapse:collapse; border:solid 1px Black; } table td{ width:50px; height:20px; border:solid 1px Black; padding:5px;} </style> </head> <body> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> </body> </html> 效果图如下: 代码的关键点在于border-collapse:collapse; 和 border:solid 1px Black;。对于padding的定义大家都比较熟悉了

日常学习记录 html篇

阅读更多关于日常学习记录 html篇

#html学习注册页面案例 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > 注册 < / title > < / head > < body > < form action = "#" method = "post" > < table border = "1" align = "center" width = "30%" > < tr > < td > 用户名 < / td > < td > < input type = "text" name = "username" id = "username" placeholder = "请输入用户名" > < / td > < / tr > < tr > < td > 密码 < / td > < td > < input type = "password" name = "password" id = "password" placeholder = "请输入密码" > < / td > < / tr > < tr > < td > 邮箱 < / td > < td > < input type = "email" name = "email" id = "email" placeholder = "请输入邮箱

搭建网页HTML结构

阅读更多关于搭建网页HTML结构

div 块级标签 span 行内标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div> <img src="cat.jpg" alt="cat" width="50px"> cat </div> <div> <img src="cat.jpg" alt="cat" width="50px"> cat </div> <hr/> <span> <img src="cat.jpg" alt="cat" width="50px"> cat </span> <span> <img src="cat.jpg" alt="cat" width="50px"> cat </span> </body> </html> 块级标签： <div>、<ul>、<ol>、<li>、<dl>、<dt>、<dd>、<h1>~<h6>、<p>、<form>、<hr> 行内标签： <b>、<em>、<img>、<input>、<a>、<sup>、<sub>、<textarea>、<span> 行内元素不能包含块级元素，只能包含其他行内元素块级元素不能放在p标签内部分块级元素只能包含行内元素，不能再包含其他块级元素，如： h1~h6 、 p、dt

HTML基础知识1

阅读更多关于 HTML基础知识1

HTML基本架构 HTML文件包括文件头和文件体两部分构成，一般情况下HTML文件的结构如下所示： <html> <head> 头部信息 </head> <body> 文件主体，正文部分 </body> </html> 常用标签 <b>加粗的文字</b> < i>倾斜的文字</i> <del>删除线</del> <ins>插入线</ins> <sub>作为下标的文字</sub> <sup>作为上标的文字</sup> <blockquote>需要进行缩进的文字</blockquote> 换行：<br> 段落：<p>一段文字</p> 段落上下空两行 <center>段落居中</center> 水平分割线：<hr> 在网页中插入图像： <IMG SRC="URL" ALT="替代文本" NAME="名字" WIDTH="宽度" HEIGHT="高度" BORDER="边框” ALIGN="对齐方式" > 超链接在HTML中，创建超链接的标记是<A>。<A>标记是双标记。以<A>开始，以</A>结束。<A>标记创建的链接能指向一个HTML页面、一幅图像、一个视频文件等任何资源。 <A NAME="锚名称" HREF="URL" TITLE="标题" TARGET="目标">超链接文字</A> •超链接由以下五个重要组成部分： •（1）在一个超链接里，最重要的部分是目标地址

HTML中的frame属性

阅读更多关于 HTML中的frame属性

HTML-03 frame的使用 1、frame=“box” <p>Table with frame="box":</p> <table frame="box"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 2、frame=“above” <p>Table with frame="above":</p> <table frame="above"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 3、frame=“below” <p>Table with frame="below":</p> <table frame="below"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table> 4、frame=“hsides” <p>Table with frame="hsides":</p> <table frame="hsides"> <tr> <th>Month</th>

订阅 td