HTML和CSS复习知识点

doctype 声明不区分大小写




< &lt
> &gt
& &amp
" &quot
空格 &nbsp






列表
<dl>
<dt>
<dd>




图片
<img src="" alt="" />




表格
<table>
<thead>
<tbody>
<tr>
<th>
<td>
<tfoot>




超链接
<a href="[url][#name][#id][#top][javascript:]" target="[_self][_blank]">text</a>


定位(标记用<a>)
标记：<a [name="tag"][id="tag"]>tag</a>
锚：<a href="#tag">定位</a>


启用javascript
<a href="javascript:alert('javascript')">


发送邮件
<a href="mailto:Email?cc=Email&bcc=Email&subject=text1%20text2&body=text3%20text4">send Email</a>
空格最好用%20替代




1、启动相对应的协议引擎（默认file协议）
2、解析协议后面的内容
3、如果协议后面是主机地址，先查找本机hosts列表，看是否可以找到对应的ip
如果没有，则找本机指定的DNS服务器，解析该主机
4、获取ip后，连接指定ip的主机，获取资源


发送文件：mailto:
解析javascript：javascript:
当指定协议浏览器无法解析时，浏览器会在本机注册表中查找是否有关该协议的应用
如果有则调用该程序解析




<form action="" method="[get][post]">


action:默认当前页面
method:默认get


post和get{
get将消息显示在地址栏上（不安全），post不会（安全）
get数据量有限，post可以提交大体积数据
get将消息封装到请求行（http请求消息头前），post将消息封装到请求体（http请求消息头后），请求头和请求体以空行分隔
}


注意：
对于tomcat服务器，用get提交中文数据时，会用ISO8859-1
当向服务端请求时，会将数据封装到一个请求对象中，request对象，通过该对象的getparameter("name")获取
但是解码用的是ISO8859-1，所以要对该乱码进行编码再解码 new String(getparameter("name").getBytes("iso8859-1"),"GBK")
post可以通过和get同样的方式解决乱码，同时，可以通过setcharacterEncoding("GBK")解决，该方法只对请求体有效
URLEncoder、URLDecoder


与服务端交互：form、url
服务端必须要校验：增强数据安全
客户端校验：减轻服务端压力、增强用户体验


<input type="[button][text][password][radio][checkbox][file][image][hidden][reset][submit]"/>


<textarea cols="" rows=""></textarea>


<select multiple="multiple" size="1">
<option selected="selected">






区域
<fieldset>
<legend>text</legend>
</fieldset>






<base>
href:统一指定当前网页所有超链接的目录，结尾要用/
target:统一指定当前页面所有超链接打开方式






html和CSS结合方式4种
<p style="color:red;background-color:blue">
<style type="text/css">
p{
color:red;
background-color:blue
}
</style>
<style type="text/css">
@import url("url")
</style>
<link rel="stylesheet" type="text/css" href="url">






CSS选择器


基本选择器
html标签选择器：p{}
class选择器：p.class{},.class
id选择器：#id


扩展选择器
关联选择器：父标签 子标签{}
组合选择器：标签1，标签2{}
伪元素选择器（html预先定义好的选择器）：标签:伪元素{}
超链接样式：a:link，a:hover，a:active，a:visited，使用顺序：l、v、h、a
段落样式：p:first-line段落第一行，p:first-letter段落第一个字母
焦点：标签:focus{}