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

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. leetcode 20

    判断括号的顺序是否正确: 思路:用一个堆栈来存储符号序列,按照符号匹配规则进行堆栈操作: 前括号一律入栈,后括号如果跟栈顶符号匹配,栈顶符号出栈如果,若不匹配则返回false: 最后栈为空返回true ...

  2. hdu2093

    #include <stdio.h> #include <string.h> #include <algorithm> #include <math.h> ...

  3. com.google.inject.CreationException: Guice creation errors

    错误的原因:xml文件中方法名重复或错误

  4. CSS3 图片悬浮缩放效果

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  5. XCode 7.1 安装 Alcatraz包管理器失败的处理

    按照官方的文档(https://github.com/supermarin/Alcatraz),先卸载再重新安装即可.步骤如下: 1. 退出Xcode 2. rm -rf ~/Library/Appl ...

  6. .NET Web开发总结(五)

    7 常用服务器控件 7.1 服务器控件概述 · 服务器控件是指在服务器上执行程序的代码的组件 通常这些服务器控件会提供    给用户一定的界面,  以便用户与服务器之间快速的交互 7.2 HTML 服 ...

  7. 如何循序渐进地学习Javascript

    javascript入门太容易了,导致几乎人人随便看看就能上手,零基础的人学个三五天都能对外宣称自己掌握了js.可是真正掌握js是一件很难的事情.如果在初学一门语言的时候第一想到的是问别人,是很难取得 ...

  8. CentOS 6.4安装lnmp环境

    1.配置防火墙,开启80端口.3306端口 vi /etc/sysconfig/iptables -A INPUT -m state --state NEW -m tcp -p tcp --dport ...

  9. 正确使用stl map的erase方法

    先声明:下面的文章是针对windows的用法,因为std::map的erase函数的windows的实现版本是返回一个std::map的迭代器,但是STL标准里面的该函数的返回值确是: map.era ...

  10. asp.net实现md5加密方法详解

    MD5加密简单的说就是把一段明文 通过某种运算方式 求出密文. 例如:明文为:abcdefg 通过一些列运算 得到 密文 7ac66c0f148de9519b8bd264312c4d64 它具有两个特 ...