黑马软件工程师-HTML标签
日期：2014-05-16 浏览次数：20671 次
黑马程序员----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的编码等信息
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的编码等信息
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
