一、在表格中插入文字及图片

1、把图片及文字分开到不同的【tr】标签表格内。

<html>

<body>

<table border="1" width="800" align="center">

<tr border-top="10">

<td>

<img src="模块.jpg" />

</td>

</tr>

<tr>

<td>

  把记忆时钟回拨到三年前的谷歌I/O大会，这种对比就显得尤为残酷。

2012年的那次大会或许是近年来最印象深刻和值得记忆的，因为谷歌

发布了一款令世界都激动的黑科技——谷歌眼镜。在那一年的大会尾声

，谷歌联合创始人谢尔盖·布林(Sergey Brin)突然出现在舞台，用一种

令全场沸腾的方式发布了当时谷歌最令人关注的新产品。<img src="img.jpg" alt="图片标记" border="0%" width="300" height="200" align="right" vspace="5" hspace="5"/>

通过会场大屏幕，现场观众看到布林借助谷歌眼镜与会场上方直升飞

机上的朋友进行视频通话。随后机上人员跳伞降落，布林和现场观众

一道以实时视角看到了跳伞人员下坠以及降落伞打开的全过程。 降落

在一个建筑物屋顶之后，机上人员将一个小包裹交给了下一组人员，

而后通过绳索下落到地面，再转交给骑自信车的最后一组传递人员。

这时候布林宣布，这座建筑物就是大会会场Moscone West，而骑车人

员马上就会进入会场。全程顿时响起掌声和欢呼声。

</td>

</tr>

</table>

</body>

</html>

　　

二、表格属性及用到边框颜色

1、【border】【td】【tr】【table】【bordercolor】【bordercolorlight】【borderpadding】【width】

三、常规的表格

1、一个【tr】包含内容代表一个表框。

2、表格的【border】有默认的属性值，需正常标注【1】。[注]【border】标签是包含在【table】里

<table border="1" width="800" align="center">
</table>

　　

html表格属性的更多相关文章

  1. 表格属性和BFC（block framing content）

    th和tr都是表示列但是 th有一个居中加粗的效果. 表单是由 : 1表单域:<form name=" " method="get/post"  acti ...

  2. HTML表格属性及简单实例

    这里主要总结记录下表格的一些属性和简单的样式,方便以后不时之需. 1.<table> 用来定义HTML的表格,具有本地属性 border 表示边框,border属性的值必须为1或空字符串( ...

  3. bootstrap table表格属性、列属性、事件、方法

    留存一份,原文地址http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 表格参数 表格的参数定义在 jQuery.fn.bootst ...

  4. 批量修改WORD表格属性

    有时候需要对word中很多表格的属性进行修改,而word无法批量修改属性,所有这里记录一个宏 Sub TableFormatter() Dim oTbl As Table, i As Integer ...

  5. jquery easyui DataGrid 数据表格 属性

    用法 1.  <table id="tt"></table> 1.  $('#tt').datagrid({ 2.      url:'datagrid_d ...

  6. QTableWidget表格属性

    ui->tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers); //设置不可编辑 ui->tableWidg ...

  7. CSS表格属性

    border-collapse:表格边框线合并,取值:collapse.

  8. Grid表格属性

    <Grid> <Grid.ColumnDefinitions> <!--添加列--> <ColumnDefinition Width="/> ...

  9. table表格属性

随机推荐

  1. oracle线程数更改

    查看Oracle最大进程数: SQL> select count(*) from v$session #连接数,查看更多oracle数据库的疑问, 可点击cuug官网.http://www.cu ...

  2. 关于原生js的一些研究

    搬砖,原文地址:http://segmentfault.com/a/1190000002911253 callee和caller function inner(){ console.log(argum ...

  3. LinqToDataTable

    /// <summary> /// 下面通过一个方法来实现返回DataTable类型 /// LINQ返回DataTable类型 /// </summary> /// < ...

  4. projecteuler Sum square difference

    The sum of the squares of the first ten natural numbers is, 12 + 22 + ... + 102 = 385 The square of ...

  5. jquery resize事件增强版

    /* * jQuery resize event - v1.1 - 3/14/2010 * http://benalman.com/projects/jquery-resize-plugin/ * * ...

  6. SQL加、查、改、删、函数

    SQL加.查.改.删.函数   USE lianxiGOcreate table student1(code int not null ,name varchar(20),sex char(4),ci ...

  7. luigi学习7--running from command line

    最简单去运行一个luigi task的方式是通过luigi命令行工具. 示例代码: # my_module.py, available in your sys.path import luigi cl ...

  8. windows实用技巧

    电脑如今已经非常普及,不过目前大多数电脑系统都是Win7/Win8.1或者Win10.你真的对自己电脑系统了解吗?今天小编为大家分享13个实用电脑技巧,会这些电脑技巧才叫牛哦! 13个实用电脑技巧 一 ...

  9. 《Google 代码风格指南》

    <Google 代码风格指南> https://github.com/google/styleguide

  10. 纯js拖拽参考

    function myDrag(obj){ obj.onmousedown=function(e){ var e=e||window.event; var diffX=e.clientX-this.o ...