HTML表格布局

1         浏览器:接受浏览者的操作,然后帮浏览者去web服务器请求网页内容,然后展现成人人眼能够看得懂的可视化页面的软件。

2         IE是浏览器的一种。《ietest工具》

3         Trident引擎是IE的WebBrowser控件;WebKit引擎

4         静态页面,动态页面

5         Html和XML的联系,区别:html中有些标签不关闭:如<br>,这是与xml不同的地方
 &lt;小于号;&gt;大于号;&nbsp;空格;

6         Html中不把””当成空格,用&nbsp;

<html>
 <head>
  <title>表格布局</title>
  </head>
  <body>
  <table border="1">
     <tr>
       <td colspan="4"><img src="list_bg.gif"></td>
     </tr>
     <tr>
       <td><input type="checkbox" name="xuanze"/>全选</td>
       <td>商品图片</td>
       <td>商品名称/出售者/联系方式</td>
       <td>价格</td>
     </tr>
     <tr>
       <td><input type="checkbox"  name="xuanze"/></td>
       <td><img src="list0.jpg"</td>
       <td>
          <p>杜比环绕,家庭影院,超真是享受</p>
          <p>出售者:ling12233</p>
          <p><img src="online_pic.gif"/><img  src="list_tool_fav1.gif">收藏</p>
       </td>
       <td>
          <p>一口价</p>
          <p>2833.0</p>
       </td>
     </tr>
     <tr>
       <td><input type="checkbox"  name="xuanze"/></td>
        <td><img src="list1.jpg"</td>
       <td>
          <p>不容错过</p>
          <p>出售者:110</p>
          <p><img src="online_pic.gif"/><img  src="list_tool_fav1.gif">收藏</p>
       </td>
       <td>
          <p>一口价</p>
          <p>2460.0</p>
       </td>
     </tr>
     <tr>
       <td><input type="checkbox"  name="xuanze"/></td>
        <td><img src="list2.jpg"</td>
       <td>
          <p>精品热卖</p>
          <p>出售者:阳光的挣扎</p>
          <p><img src="online_pic.gif"/><img src="list_tool_fav1.gif">收藏</p>
       </td>
       <td>
          <p>一口价</p>
          <p>18880.0</p>
       </td>
     </tr>
  </table>
 </body>
</html>

时间: 2024-10-13 21:29:32

HTML表格布局的相关文章

New UI-布局之TableLayout(表格布局)详解

New UI-布局之TableLayout(表格布局)详解  --转载请注明出处:coder-pig,欢迎转载,请勿用于商业用途! 小猪Android开发交流群已建立,欢迎大家加入,无论是新手,菜鸟,大神都可以,小猪一个人的 力量毕竟是有限的,写出来的东西肯定会有很多纰漏不足,欢迎大家指出,集思广益,让小猪的博文 更加的详尽,帮到更多的人,O(∩_∩)O谢谢! 小猪Android开发交流群:小猪Android开发交流群群号:421858269 新Android UI实例大全目录:http://b

TableLayout(表格布局)

表格布局模型以行列的形式管理子控件,每一行为一个TableRow的对象,当然也可以是一个View的对象.TableRow可以添加子控件,每添加一个为一列. TableLayout属性: android:collapseColumns:将TableLayout里面指定的列隐藏,若有多列需要隐藏,请用逗号将需要隐藏的列序号隔开. android:stretchColumns:设置指定的列为可伸展的列,以填满剩下的多余空白空间,若有多列需要设置为可伸展,请用逗号将需要伸展的列序号隔开. android

Android基础_2 Activity线性布局和表格布局

在activity的布局中,线性布局和表格布局是最简单的,这次分别从线性布局,表格布局以及线性布局和表格混合布局做了实验,实验中只需要编写 相应的xml的代码,java代码不需要更改,因为我们这里只是练习android的界面设计.参考的资料为mars老师的教程. 线性布局: 线性布局就是将各种控件按照行或者列依次进行排列. 其中本实验用到的各控件的属性解释如下: android:layout_weight属性是指不同的控件在activity中占有体积大小的比例. android:paddingL

android表格布局

1 <?xml version="1.0" encoding="utf-8"?> 2 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" >

Android表格布局之设置边框

Android表格布局本身没有边框,不过可以通过背景色的设置可以实现表格边框的显示. 首先可以设置TableRow的背景色,然后设置内容的背景色.根据它们的颜色差就出现了边框.只要微调Content与TableRow的margin和pading属性就可以了! 调的过程真是烦人!下次不做这种工作了~呜呜!难受! 贴上布局代码: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xml

android——相对布局,表格布局

1.相对布局 RelativeLayout 又称作相对布局,也是一种非常常用的布局.和LinearLayout 的排列规则不同,RelativeLayout 显得更加随意一些,它可以通过相对定位的方式让控件出现在布局的任何位置.也正因为如此,RelativeLayout 中的属性非常多,不过这些属性都是有规律可循的,其实并不难理解和记忆. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android&qu

3月23.CSS表格布局

360表格布局: CSS定义标签: @charset "utf-8";/* CSS Document */.bt1{ border:#309 solid 1px; height:100px; width:900px; margin:10px; top:100px ; left:180px; position:absolute; } .bt2{ border:#309 solid 1px; height:50px; width:900px; margin:10px; top:220px;

Android——布局(线性布局linearLayout,表格布局TableLayout,帧布局FrameLayout)

线性布局: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent&q

Android布局之表格布局TableLayout

一.TableLayout概述 TableLayout表格布局模型以行列的形式管理子控件,每一行为一个TableRow的对象,当然也可以是一个View的对象 二.TableLayout的全局属性  android:collapseColumns = "1,2"      隐藏从0开始索引列,列直接必须ongoing逗号隔开:1,2,5 android:shrikColumns = "1,2"       收缩从0开始的索引列.当可收缩的列太宽(内容过多)不会被挤出屏