*HTML:勾勒出頁面的結構和內容 存儲在服務器上,運行在瀏覽器上
*CSS:用來美化頁面
*JavaScript(JS):讓頁面呈現動態的數據和效果
Web三要素:瀏覽器,服務器,HTTP協議
HTML
1.XML和HTML
1)XML:可擴展(自定義)標記語言,用來存儲或傳輸數據.標籤,屬性,標籤之間的嵌套關係都可以擴展
*單標籤:<student/> 內容爲空,雙標籤:<student></student>,單標籤=內容爲空的雙標籤
*屬性:<student name="zs"></student>
*元素:標籤+屬性+內容
2)HTML:超文本標記語言,用來顯示數據.標籤,屬性,標籤之間的嵌套關係都已經固定(W3C)
*某些版本的HTML是按照XML的規範實現的
*簡單理解HTML就是語法固定的XML
*HTML就是學習固定的語法(標籤,屬性,嵌套關係)
2.<head></head>:元素師所有頭部元素的容器,對網頁做一些基本的聲明,包含 <title>,<meta>,<link>,<style>,<script>
*<meta>:聲明網頁內容所用的編碼
*<title></title>:聲明網頁的標題
3.<body></body>:寫網頁的內容
1)<h#></h#>:標題的大小(h1~h6)
2)<p></p>:段落
3)列表:
*有序列表<ol></ol>:只能包含具體的列表項<li></li>
*無序列表<ul></ul>:只能包含具體的列表項<li></li>
4)分區元素:用於給元素分組,頁面佈局
*塊分區元素:<div></div>
*行內分區元素:<span></span> 設置同一行文字內的不同格式
5)塊級元素:
默認獨佔一行,元素前後都會自動換行,如:<p>,<div>,<h#>,<ol>,<ul>....
6)行內元素:
不會換行,可以和其他行內元素位於同一行,如:<span>....
<i>:斜體,<b>:加粗,<u>:下劃線,<del>:刪除線,<br>:在任何地方創建手動換行
7)圖像元素:<img></img>
*必須屬性:src
*常用屬性:width,height
*絕對路徑:windows系統 D:\tts9\workspace\day01\1.png
linux系統 /home/soft01/day01/1.png
特點:從根目錄寫到圖片目錄及名稱
缺點:項目上線時要將代碼放到服務器上,若放代碼時改變了盤符則所有圖片的目錄都要加以修改
*相對路徑:寫出要訪問的圖片和當前頁面的相對位置
優點:將代碼放在服務器上時,若盤符發生變化,由於他們相對關係不變,代碼不用修改
8)超鏈接元素:<a></a>
*href屬性:連接URL
*target屬性:目標打開方式,可取值爲_bank(用新頁面打開),_self等
*連接到本頁面某一位置(錨),其URL是#+錨點名
9)表格元素:
*<table></table>:定義表格 常用屬性:width(寬),border(),cellspacing(單元格之間的間距)等...
*<tr></tr>:創建行 跨行:rowspan(從上往下合併單元格,前提要合併的單元格中的內容先刪掉)
*<td></td>:創建列 跨列:colspan(從左往右合併單元格,前提要合併的單元格中的內容先刪掉)
*表頭行分組:<thhead></thhead>
*表主體行分組:<tbody></tbody>
*表尾行分組:<tfoot></tfoot>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>英雄聯盟</title>
</head>
<body>
<!-- logo區 -->
<div style="border:1px solid red;width:960px;margin:0 auto;">
<img src="../images/lol.png">
</div>
<!-- 內容區 -->
<div style="border:1px solid red;width:960px;margin:0 auto;">
<h1>英雄聯盟</h1>
<p>
《英雄聯盟》（簡稱lol）是由美國<u>Riot Games</u>開發，<b>騰訊遊戲</b>運營的英雄對戰網遊。
《英雄聯盟》除了即時戰略、團隊作戰外，還擁有特色的英雄、自動匹配的戰網平臺，包括天賦樹、召喚師系統、符文等元素。
</p>
<table width="80%">
<tr>
<td>中文名</td>
<td>英雄聯盟</td>
<td>發行商</td>
<td><b>騰訊</b>遊戲</td>
</tr>
<tr>
<td>其他名稱</td>
<td>擼啊擼、lol</td>
<td>發行日期</td>
<td>2011年9月22日</td>
</tr>
<tr>
<td>遊戲類型</td>
<td>策略、角色扮演、競技、團隊合作</td>
<td>玩家人數</td>
<td>多人</td>
</tr>
<tr>
<td>遊戲平臺</td>
<td>PC</td>
<td>遊戲畫面</td>
<td>3D</td>
</tr>
</table>
<h2>目錄</h2>
<ol>
<li>
<a href="#背景">遊戲背景</a>
<ul>
<li>戰爭學院</li>
<li>德瑪西亞</li>
</ul>
</li>
<li>
<a href="#系統">遊戲系統</a>
<ul>
<li>天賦系統</li>
<li>符文系統</li>
</ul>
</li>
</ol>
<h2><a name="背景">1、遊戲背景</a></h2>
<h3>戰爭學院</h3>
<p> 戰爭學院是英雄聯盟裁決瓦洛蘭政治糾紛之地。這裏是絕對中立的領土，嚴禁任何紛爭。
違反者將面對學院的士兵和魔法。學院坐落於一座巨型水晶樞紐之上，由黑曜石、 貴金屬和魔法塑形而成。
它位於莫格羅恩關隘的北方入口，剛好位於相互敵對的城邦德瑪西亞和諾克薩斯之間。</p>
<p> 除了作爲英雄聯盟所在地，戰爭學院還是瓦洛蘭最權威的軍事培訓機構。 很多圖書館都致力於收錄戰爭學院的英雄信息，並向所有研究者開放。</p>
<h3>德瑪西亞</h3>
<p> 人類城邦德瑪西亞坐落在瓦洛蘭的西部海岸。德瑪西亞人民的共同目標是通過善良和正義 讓所有人都過得更好。
他們認爲惡毒自私如同疾病，應當從人類靈魂中根除。來到德瑪西亞並定居於此的人們， 具有和本地居民一樣的理想和美德。</p>
<h2><a name="系統">2、遊戲系統</a></h2>
<h3>天賦系統</h3>
<p> 天賦技能分爲三類：攻擊類、防禦類、通用類，天賦技能點總共爲30點。</p>
<p> 攻擊類：提高物理、法術攻擊強化偏重攻擊的召喚師技能。</p>
<p> 防禦類：提高物理、法術防禦及抗打擊回覆能力，強化偏重防禦和回覆的召喚師技能。</p>
<p> 通用類：提高召喚師其他能力，強化多用途召喚師技能，減少技能冷卻時間。</p>
<h3>符文系統</h3>
<p> 符文有四種顏色，分別是印記（紅色）、符印（黃色）、雕文（藍色）和精華（紫色），
不同的符文 類型在鑲嵌時也要鑲嵌到對應的符文槽裏，在符文書每一頁都有9個藍槽、9個紅槽、9個黃槽和3個紫槽供你鑲嵌符文。</p>
<p> 在遊戲中，只是購買了符文是不能對召喚師所選擇的英雄有任何幫助的， 你需要將符文鑲嵌在符文頁當中，才能使符文在遊戲中產生作用。</p>
<p><a href="#">回到頂部</a></p>
</div>
<!-- 版權區 -->
<div style="border:1px solid red;width:960px;margin:0 auto;">
<center>© 2015 Tarena 使用百科前必讀 | 百科協議 | 百科合作平臺</center>
</div>
</body>
</html>