HTML和CSS複習知識點
阿新 • • 發佈:2019-02-05
doctype 宣告不區分大小寫
<<
>>
&&
""
空格 
列表
<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{}
<<
>>
&&
""
空格 
列表
<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{}