HTML布局和基本标签

两个方面：
一，布局和样式：
（1）布局有两种方式
>1 table
容易布局结构，但可读性差
比如：
<table width="700" border="1">
  <tr class="colHeader">
    <td>订单行号</td>
    <td>物料名称</td>
    <td>数量</td>
    <td>单价</td>
    <td>单位</td>
    <td>是否开票</td>
  </tr><strong></strong>
  <tr>
    <td><a href="order_line.htm?line_id=" target="_self">QSP0001</a>
    <td>0001</td>
    <td>1</td>
    <td>11.5</td>
    <td>支</td>
    <td>否</td>
  </tr>
  <tr>
    <td><a href="order_line.htm?line_id=" target="_self">QSP0002</a></td>
    <td>0002</td>
    <td>2</td>
    <td>14.6</td>
    <td>支</td>
    <td>否</td>
  </tr>
  <tr>
    <td><a href="order_line.htm?line_id=" target="_self">QSP0003</a></td>
    <td>0003</td>
    <td>3</td>
    <td>22.0</td>
    <td>支</td>
    <td>否</td>
  </tr>
</table>
>2 div
div布局清晰，与CSS搭配，扩展性强，更加灵活。
>两者的区别
参考上面。补充一点对于浏览器的要求div+css要求的更高些，table却很随意。
（2）样式有三种引用方式：
>1  id
可以针对某一个id进行设置 ，比如
<td id="td0002">0002</td>
css写法：
#td0002{
 font-size: 36px;
}
>2  class
<table width="700" border="0" class="tableStyle">
css写法：
.tableStyle {
 background-attachment: fixed;
 background-color: #CCCC33;
 text-align: center;
 white-space: nowrap;
 color: #CCCC33;
}
>3  style  直接在标签上定义样式
 <td style="text-align:center"><a href="order_line.htm?line_id=" target="_self">QSP0003</a></td>
二，基本标签的使用
>1. <meta>向服务器和客户端传达关于文档的隐藏信息,比如
http-equiv引出有关的HTTP 响应头的信息，content设置或获取与 HTTP-EQUIV 或 NAME 关联的资源信息。;charset获取用于解码对象的字符集
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
>2. <link>
当前文档和外部文档之间建立连接。比如：引用外部样式文件。
<link href="colHeader.css" rel="stylesheet" type="text/css">，这样class,id,就直接可以引用其样式定义。
>3 <form>
form主要是用来向服务端提交数据请求。有两种提交方式：
1.post
这种方式会把表单中的数据打包到body中，传到服务器。
2.get
会把表单中的数据以一种参数的形式传到服务器，比如：
a.jsp?name1=hello&name2=world
一般post对于数据的安全性要求高，不希望把数据显示出来，譬如用户登录时，是不希望别人能看到提交的信息的，所以更不能用get去提交form了。
如果只是做一些简单的查看，搜索等等。get还是一个很好的选择。