第一周总结之HTML
HTML简介
HTML 超文本标记语言 Hyper Text Markup language
Web标准：结构（XHTML，HTML） 行为（DOM，ECMAscript） 样式（CSS）
XHTML 可扩展标记语言 Extensible Hyper Text Markup language
W3c（万维网联盟）制定了结构和表现的标准 ECMA制定了行为标准
XHTML基本语法
<标记 属性="属性值"></标记>（双标记，常规标签）<标记 属性="属性值"/>（单标记，空标签）
XHTML常用标记
1.<h1>一级标题</h1>...<h6>六级标题</h6> 文本标题标签、
2.<hr/>水平线 （不常用）
3.<p>段落
4.<br/>强制换行（XHML写法）<br>（HTML写法）
5.<div>文档布局对象
6.<span>文本节点（某一小段文字）
7. 空格
<小于 >大于
8.加粗
<b></b>样式标签 <strong></strong>语义标签
9.倾斜标记
<i></i>样式标签 <em></em>语义标签
10.列表（ul ol dl）无序 有序 自定义、
<ul> <ol> <dl>
<li></li> <li/></li> <dt>名称</dt>
<li></li> <li></li> <dd>解释</dd>
</ul> </ol> </dl>
无序列表<ul type="circle">
有序列表<ol type="a" start="5">start属性只能是数值
自定义列表：dd里面放的是对dt里面的名称解释
11.<img/>插入图片
<img src="路径" alt="图片替换文本" title="提示"/>
当当前文件与目标文件在同一目录下
目标文件+扩展名
当当前文件与目标文件所处的文件夹在同一目录下
文件名/目标文件+扩展名
当当前文件的文件夹与目标文件所处的文件夹在同一目录下
../文件名/目标文件+扩展名
12.<a>超链接
<a href="链接地址" target="" title="提示文本">
target:_blank _self
13.<table>(在数据表格里可以不写px)
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
width height border bordercolor bgcolor
cellspacing(单元格与单元格之间间距) cellpadding（单元格与内容之间空隙）
水平对齐：align=”left/right/center ” 垂直对齐：valign=”top/middle/bottom”
colspan=”所要合并的单元格的列数”（横向合并）
rawspan=”所要合并的单元格的行数”（纵向合并）
注：colspan和rawspan都是加在td上
14.表单
<form name="表单名称" method="post/get" action="index.jsp">
</form>
文本框
<input type="text" value="默认值"/>
密码
<input type="password" palceholder="密码"/>
提交按钮
<input type="submit" value=""/>
按钮
<input type="button" value=""/>
重置
<input type="reset" value=""/>
单选框
<input type="radio" value=""/>（name值需要一样）
复选框
<input type="checkbox" value=""/>
注：单选框和复选框有 disabled=”disabled”禁用 checked=”checked”选中
下拉菜单
<select size=”3" name=””>(size设置菜单显示的个数，多余滚动条显示)
<option></option>
</select>
多行文本框
<textarea cols=”字符宽度” rows=”行数”></textarea>
一个name对应一个值
拓展
1）<address></address>地址标签 定义地址，签名或者文档作者身份（默认倾斜，有的浏览器会加上虚线）
2）<abbr title=”全拼文本”>缩写内容</abbr>缩写（内容缩写）
<acronym title=”全拼文本”>缩写内容</acronym>缩写（首字母缩写，不建议使用）
3）<bdo dir=”ltr/rtl”>显示文本</bdo>（设置文本显示方向）
4）<blockquote cite=”路径引用资源”></blockquote>（引用标签，引用大块内容）
<q></q>（引用小段文字）
区别：<q>标签是行内元素，在内容的开始和结尾处会有双引号
<blockquote>是块级元素，不带双引号
5）删除线 <del> <s>不建议使用
总结：
1.内联元素：不能使用width，height，内容多大，标签多大，可以跟其他标签并列显示，尽量不使用margin padding
有：<a> <span> <input/> <img/> <br/> <i> <em> <b> <strong>
块状元素：自占一行，不跟其他标签并列显示
有：标题 <hr/> <p> <div> 列表 <table> <form>
有默认上下边距：标题 <p> <hr/> 列表 <table> <form> <body>
2.图片放在超链接里面 在IE内有默认边框
3.只有块状才继承父元素宽度
4.get和post方式区别：
A.get是从服务器端获取数据，post是想服务器传送数据（都是传送数据，只是传送方式不一样，所以叫法不一样）
B.get传送数据量小，不能大于2kb，post传送数据量大，一般默认不受限制，但理论上IIS4中最大量
C.get安全性非常低，post安全性较高
D.get 服务器端用Request.QueryString获取变量的值，而post是Request.Form获取提交的数据未80kb，IIS5中为100kb
E.get是把参数队列加到提交表单的ACTION属性所指的url中，值和表单内各个字段一一对应，在url中可以看到。Post是通HTTPpost机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址
5.xhtml与html区别
Xhtml：a、标签正确嵌套
b、标签必须关闭
c、区分大小写
d、属性要用“”括起来
e、用id值代替name
f、特殊符号处理
浙公网安备 33010602011771号