關於HTML的一切（一）

標籤：

1、元素：指的是從開始標籤到結束標籤的所有代碼

 

2、HTML連結：

　　去除底線：text-decoration:none;

　　href屬性：指向另一個文檔的連結

　　name屬性：建立文檔內的連結

<a name="tips">hello</a><a href="#tips">跳轉到hello</a>

　　target="_self"：在本頁面開啟

　　target="_blank"：在新頁面開啟

　　target="top":在最外層的壓面開啟，意思就是說代開新的視窗在新頁面內開啟

　　target="parent":當前頁面有多層時，在承載本頁面的父級頁面開啟

 

3、表格使用<table><tr><th><td>

　　在HTML5中，表格的屬性可以不寫在表格標籤內，寫在樣式表內也可

　　垂直對齊：vertical-align屬性

　　表格標題：caption

　　表格邊距：cellpading

　　表格間距：cellspacing

　　不顯示表格邊框：去掉"border"屬性。

 

4、列表

　　無序列表：<ul type="disc,circle,suqare">——實心圓，空心圓，方塊　　有序列表：<ol type="A,a;I.i;"/star="10">——大小寫字母;大小寫羅馬；定義從幾開始的數字

　　自訂欄表：<dl><dt><dd>

 

5、表單

　　表單：<form method="get/post" action="伺服器檔案"></form>

　　控制標籤：<label for="ID值"></label>

　　輸入欄位：<input type="text/password" id="ID值" name="後台擷取資料對應" value="預顯示的文本">

　　文本域：<textarea rows=""  cols=""></textarea>

　　下拉式清單方塊：

<slecet>    <option value="提交值" select="selected">    <option value="提交值">    <option value="提交值"></select>

　　複選框：<input type="checkbox">

　　單選框：<input type="radio" name="#">,name屬性相同，使選項組合在一起，完成單選

　　按鈕：<button type="button">click me!</button>

　　提交/重設按鈕：<input type="submit/reset" value="按鈕顯示的名稱">

　　get/post：本標準答案參考自w3schools

• GET在瀏覽器回退時是無害的，而POST會再次提交請求。
• GET產生的URL地址可以被Bookmark，而POST不可以。
• GET請求會被瀏覽器主動cache，而POST不會，除非手動設定。
• GET請求只能進行url編碼，而POST支援多種編碼方式。
• GET請求參數會被完整保留在瀏覽器記錄裡，而POST中的參數不會被保留。
• GET請求在URL中傳送的參數是有長度限制的，而POST麼有。
• 對參數的資料類型，GET只接受ASCII字元，而POST沒有限制。
• GET比POST更不安全，因為參數直接暴露在URL上，所以不能用來傳遞敏感資訊。
• GET參數通過URL傳遞，POST放在Request body中。

　　與眾不同的回答https://zhuanlan.zhihu.com/p/22536382

 

6、塊元素、內聯（行內）元素、內聯塊狀元素

　　區塊層級元素：①獨佔一行 ②預設100%寬度 ③可設定寬、高、內/外邊距

　　內嵌元素：①與其他行內元素並列一行 ②大小為元素內容的大小 ③不可設定寬、高、內/外邊距

　　　　　　　<a>、<span><br><td>

　　內聯塊狀元素：①與內聯或內聯塊狀元素並列一行 ②可設定寬\高\內/外邊距

　　　　　　　<img>、<input>

 

7、置中

　　定寬塊狀元素置中：margin:0 auto;

　　不定寬塊狀元素置中：①加入table標籤,其寬度由內容而定，再用margin;

　　　　　　　　　　　　②dispaly:inline，然後用text-align;

　　　　　　　　　　　　③position：relative;left:50%;float:left;

　　內嵌元素、內聯塊狀元素：對其父級元素設定text-align:center;

　　PS:當出現position：absolute 或者float:left/right時，元素的display屬性自動變成inline-block

 

 

　　

關於HTML的一切（一）