說在前面： 嗯...博主現在是大一，前段時間犯腦癌想開一個技術博，記錄一下學習過程，也是這麼做的。 為什麼要學前端呢？無非就是為了走在發家致富，迎娶白富美的康莊大道上。那幾周來對前端開發已經入門了，（鼓掌，鼓掌）非常有意思。但還是感覺道阻且長。不懂的東西越來越多......不過還好，有好多人幫我呀， ...
說在前面：
嗯...博主現在是大一，前段時間犯腦癌想開一個技術博，記錄一下學習過程，也是這麼做的。
為什麼要學前端呢？無非就是為了走在發家致富，迎娶白富美的康莊大道上。那幾周來對前端開發已經入門了，（鼓掌，鼓掌）非常有意思。但還是感覺道阻且長。不懂的東西越來越多......不過還好，有好多人幫我呀，ありがとう。
html+css+js，入門很容易。讀過網頁設計的書也感覺OK。(捂臉，折騰小一個月還是有戰果的)，希望懶癌遠離我，讓我堅持把博客寫下去。
從這周開始對學過的HTML5和CSS，開始梳理一下知識點（我覺得重要的標簽，今天先寫一部分）。
頭：
<meta>標簽：定義在<head>標簽中。用於定義網頁的信息。
下麵是一些總結：
1 <meta charset="utf-8" /> 2 <!頁面編碼信息> 3 <meta http-equiv="refresh" content="5"; url="www.baidu.com"/> 4 <!url被省略時，為刷新本頁面> 5 <meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT"> 6 <!設置網頁緩存過期時間> 7 <meta http-equiv="cache-control" content="no-cache"/> 8 <meta http-equiv="pragma" content="no-cache"/> 9 <!禁止緩存> 10 <meta http-equiv="set-cookie" content="Sunday 26 October 2016 01:00 GMT"/> 11 <!刪除cookie> 12 <meta http-equiv="window-target" content="_top"/> 13 <!打開新視窗,top代表打開一個獨立頁面> 14 <meta http-equiv="enter-equiv" content="revealtrans(duration=3,transition=12)"/> 15 <!網頁過度效果 用css和javascript代替> 16 <meta name="keyword" content="網頁設計"/> 17 <!幫搜索引擎，有的搜索引擎會限制關鍵字，之間用逗號隔開> 18 <meta name="description" content="學習網頁設計的網站"/> 19 <!設置頁面描述> 20 <meta name="generator" content="Adobe Dreamweaver CS3"/> 21 <!設置編輯工具> 22 <meta name="author" content="jingsen_liu"/> 23 <!設置作者> 24 <meta name="robots" content="all"/> 25 <!限制搜索方式。。。>
頁面標簽：用於網頁文字排版：
<!排版標簽> <!頁面註釋> <p>段落標簽</p> <br/> <!換行標簽> <hr width="100" size="100" color="#9999ff"> <!插入一條水平線,設置水平線的寬度和長度，顏色> <hr align="center"> <!水平線對齊方式，包括center，left，right，預設為center> <hr noshade> <!去除水平線陰影> <center>居中標簽</center> <pre>文字</pre> <!預設標簽，文字按原文檔格式顯示> <nobr>不折行</nobr><!標簽內的文字不會自動換行> <blockquote>向右縮進</blockquote> <div>層標簽</div>
<!頁面文字> <h1>標題格式</h1> <!段落標簽> <font face="宋體，隸書" color="blue" size="4">文字</font> <!設置不同的文字字體，h5中用span代替 > <em>斜體字</em> <strong>粗體字</strong> <u>帶下滑線文字</u> <strike>刪除線文字</strike> <s>刪除線文字</s> <sub>下標</sub> <sup>上標</sup> <code>等寬標簽，多用於英語</code> <!空格> <ruby>被標註文字<rt>標註文字</rt></ruby><!文字標註> <var>x</var><!變數聲明>
音頻文件為什麼不響？
這周處理的一個技術問題是：我引入HTML文件的音頻文件不響。下麵的代碼沒有對播放器的格式進行太多設置（代碼是正確的），畢竟沒有學javascrit呢，現在只能用CSS改改播放器界面大小。
1 <html> 2 <head lang="en" > 3 <meta charset="utf-8"> 4 <title></title> 5 </head> 6 <body> 7 <audio src="#">audio player not available.</audio> 8 <audio controls="controls" autoplay="autoplay" loop="loop"><source src="１.mp3" type="audio/mp3"></audio> 9 </body> 10 </html>
原因：編譯器不識別我引入的音頻文件的格式，要在編譯器里確定音頻文件的格式為.mp3。
