HTML基础
一、标签和属性
- 标签
<标签名>数据内容</标签名>
<html></html>、<head></head>、<body><body>...... - <标签名 属性名="属性值">数据内容</标签名>
<标签名 属性名="属性值"/>
操作思想:标签相当于一个容器,对容器中的数据进行操作,就是在不断的改变容器的内容。
二、常用标签、转义字符
- 常用标签:html、head、title、body、span、fond
- 转义字符:"、&、<、>、
三、常用工具
- DreamWeaver:代码窗口、拆分窗口、设计窗口
- Eclipse New-->Other-->Aptana Projects-->Default Web Project
四、列表标签
- 列表
<dl>
<dt></dt><dd></dd>
</dl> - 有序
<ol>
<li></li><li></li>
</ol> - 无序
<ul>
<li></li><li></li>
</ul>
五、图像标签
- 标签:img
- 属性:src、alt
六、表格标签
- 标签
<table>
<tbody>
<tr><th></th></tr>
<tr><td></td></tr>
</tbody>
</table> - table属性
border、bordercolor、cellpadding、cellspacing、width - td属性
colspan、rowspan
七、超链接标签
- 标签
<a> - 属性
href - 协议
默认、http、mailto、thunder - 取消默认点击
href="javascript:void(0)" οnclick="xxx" - 定位标记-锚
<a name="xxx"></a>
八、框架
- frameset
属性 rows、cols - frame
属性 src、name - target
属性值为name的值
九、画中画
- 标签
iframe - 属性
src、height、width
十、表单form
- input
属性 type、name、value、src(img属性)、onclick(button属性)
type对应属性值 text、password、radio、checkbox、file、image、hidden、button、reset、submit - select-option
属性 name、value - textarea
属性 name
十一、表单格式化
十二、GET和POST区别
- GET提交:提交的信息都显示在地址栏中
POST提交:提交的信息不显示在地址栏中 - GET提交:对于敏感的信息不安全
POST提交:对于敏感的信息安全 - GET提交:不可以提交大体积数据,因为地址栏存储体积有限
POST提交:可以提交大体积数据 - GET提交:将信息封装到了请求行中
POST提交:将信息封装到了请求体中
十三、服务端GET和POST区别
- 解码
GET和POST,先用ISO8859-1编码,再用中文码表解码
POST可以用request的SetCharacterEncoding设置中文码表 - 和服务端交互的三种方式
地址栏输入url地址 GET
超链接 GET
表单 GET和POST
十四、服务端和客服端校验问题
- 都要校验
十五、常见其它标签
- meta、title、pre、hr、marquee、b、i、u、sub、sup
十六、标签分类
- 块级标签
标签结束后都有换行,div p dl table title ol ul - 行级标签
标签结束后没有换行 font span img input select