1. 程式人生 > >HTML和CSS複習知識點

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{}