黑马程序员----HTML标签

1 表格:陈列数据。逻辑上只有行和单元格。从上到下,从左到右画出行和单元格。
<table border="1">
   <tr>  table row
      
 <td> 单元格内容</td>  table data

</tr>


<tr>
.....



</table>
表格布局:
每个标签都是一个块,块中内容。块间距,内容与块的边框的间距。


2 div +CSS(样式表,单独的文件)布局:
div 行块标签,span 行中标签,多与CSS配合使用。CSS:代码分离,加载页面更快速
style(样式) 标签或属性, 样式名:值;eg  : background-color:pink;


div+CSS布局,使用float属性。
1 文档流:从上向下堆放。


2 脱离文档流,自己设置位置(不改变文档流指针的当前位置):
float属性(float:left;right,top,buttom);
margin:0 auto (居中,上下为0,左右自动),clear属性,是否允许两边有浮动窗体


绝对,相对定位:position: 有absolute(top,left,right,buttom,z-index(层的高度)),fixed(相对于屏幕固定位置)relative(相对于文档流中前一个标签的位置,但在流中原来的位置还占着),
          static(默认以文档流的方式堆放)
 
3 表单标签:搜集用户输入数据,并利用报文(name,cookie,等表单标签或浏览器的属性以键值对的形式提交)向服务器传数据。
浏览器的作用:显示和利用表单传送请求的数据。


服务器:处理数据。
<input type="image" src ="" />   提交表单的同时,将点击的图片坐标也提交。


aspx:动态页面 
meta 标签:页面的关键字信息,(供搜索引擎使用),HTML的编码等信息











黑马程序员----HTML标签,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。