html網頁設計細節總結及實踐經驗總結
1) <link rel=” ” type=”text/css” href=”__.css”>是空元素，僅包含屬性。用來定義文檔與外部資源的關系，常用於鏈接樣式表。其中type指被鏈接文檔的類型，href指被連接的文檔。
2) 塊級元素和行級元素的區別：
塊級元素會自動換行，總是在新行上開始，一個塊級元素占據一整行。想要在同一行顯示需浮動（floa：left）或（display：inline）。
行級元素多個元素金額與並排顯示，默認設置寬度是不起作用，需設置display：inline-block或者block換行才能多行顯示。
3) 常用的塊級元素：
標題標簽<h>、段落標簽<p>及水平線標簽<hr/>
有序標簽<ol>、無序表簽<ul>、表格<table>、表單<form>及分區<div>
4) 常用的行級標簽：
文字<input>、圖片<img/>、超鏈接<a>
其他相關如<spn>、<br/>
5) 絕對路徑（完整路徑）：
訪問一個域名的網址 如：http：//www.163.com/123.html
訪問本地計算機上的文件路徑 如：D:/html/123.html
6) 相對路徑: 指從一個文件到另一個文件所經過的路徑。
註意：../表示相對與當前目錄的上級目錄 …/表示相對於當前目錄的上上級目錄
7) 在html中，“type”屬性值表示顯示內容的類型。
8) 常用詞的含義：
Src：用來顯示打開圖片的地址信息
Href：用於打開超鏈接的跳轉地址信息
Target：用於指定目標文件在網頁中的打開位置即在何處打開 如：在新窗口、當前等。
9) Html只負責網頁的內容結構，css（層疊樣式表）負責表現形式（字體大小、顏色、背景圖、顯示位置等）方便網站的修改和維護
10)  ；表示空格註意有分號，"表示雙引號
11) 表格常用屬性：
Cellspacing：設置單元格之間的空白 即設置其為0時邊框是實心的
Cellpadding：設置單元邊沿與其內容之間的空白2017-05-17
Colspan：跨列
Rowspan:跨行
12) 表單常用屬性：
13) Value：指定表單元素的初始值，供顯示的文本。即打開網頁時第一次看到
14) 的信息。
15) Checked：表示此屬性是否選中。
16) Select：用來定義一個選擇列表
17) Submit：表示提交按鈕
18) reset：表示重置按鈕
19) Button：普通按鈕
20) document.write(" "); 在JavaScript表示“輸出函數”，要輸出的內容。
只能在 HTML 輸出中使用 document.write，並且要放在<script> </script>中。
21) <button type="button" onclick="alert(‘Welcome!‘)">點擊這裏</button>
alert() 函數在 JavaScript 中表示消息彈出對話框，用於提醒用戶。
Onclick表示觸發該事件，便於做後續動作。
22) JavaScript：改變 HTML 內容
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改變內容
}
</script>
23) 在javascript中，要保證輸入的數值為“整數”才能進行運算，必須在提示對話框prompt前加parseInt，即number=parseInt(prompt())，比如在進制的轉換。要保證輸入的數值能進行其他運算，必須在提示對話框prompt前加parseFloat，即number=parseFloat(prompt())。比如四則運算。
24) 在中，document.write()方法的功能用於在網頁上輸出內容。
25) Javascript中sort()函數用於排序，要實現數字的正確排序，必須定義該函數，實現字符串的排序不需要定義，直接可以調用。如果字符串是數字，則整體的排序是先數字後單詞。還要註意的是在字符串的排序中，單詞是按首字母先大寫後小寫。整個排序呈現“上升”。先定義函數如下：
26) a.push(value )在數組的末尾加上value值。
a.unshift(value )在數組的最前面加上value值。
a.pop( ) 刪除數組的最後一個值。
a.shift( ) 刪除數組的第一個一個值。
a.reverse( ) 將原來的數組值按照對稱改換。如下圖所示:
27) a.concat(value) 把value的值連接到原來數組的後面。
28) a.join( value) 將數組中每兩個字符串中間用value隔開。比如用點取代逗號。
29) a.slice(1,3) 在數組中選取元素，如從第一個位置開始（包括第一個）到第三個位置結束（不包括第三個）。
30) a.splice(2,3,”dfsad”) 在數組中刪除元素並且加入元素。 如從第二個元素開始（不包括第二個元素），總共刪除三個元素，再其刪除的後面加上元素dfsad,最後寫出後面沒有刪除的元素
31)
32)
33)
34)
35)
36)
37)
38)
39)
40)
個人心得體會：
- 在做html的外觀樣式時，常借助F12鍵來查看基本信息，便於直接寫出相關信息。將外部樣式與行內樣式相結合，達到意想不到的效果
html網頁設計細節總結及實踐經驗總結