HTML是骨頭凡橱，CSS是皮膚小作，Javescript是靈魂，那么我就先從骨頭開始啃唄稼钩。
HTML的基本框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>xxx</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落顾稀。</p>
</body>
</html>
HTML基本內容
HTML 標題
<h1>這是一個標題。</h1>
標題從h1到h6從大到小坝撑，對于文檔結構十分重要静秆，因此不能只為增大增粗字體而使用標題
- HTML 水平線
hr - HTML 注釋``
用于注釋相關代碼，使便于理解巡李，在網頁中不會顯示出來
HTML 段落
<p>這是一個段落 </p>
瀏覽器會自動地在段落的前后添加空行抚笔。<p>是板塊元素
如果需要兩個段落之間沒有空行，即是同一個板塊侨拦，那么需要引入<br/>
- HTML 輸出- 使用提醒
無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果殊橙，即不管使用多少個空格都會被譯為一個空格。
HTML文本格式化
HTML 使用標簽<b>與<i> 對輸出的文本進行格式, 如：粗體 or* 斜體*
這些HTML標簽被稱為格式化標簽（請查看完整標簽參考手冊）
HTML鏈接
<a href="url">鏈接文本</a>
如果為這些超鏈接設置了 CSS 樣式，展示樣式會根據 CSS 的設定而顯示膨蛮。
"鏈接文本" 不必一定是文本叠纹。圖片或其他 HTML 元素都可以成為鏈接。
HTML 鏈接 - target 屬性
使用 target 屬性敞葛，你可以定義被鏈接的文檔在何處顯示誉察。
下面的這行會在新窗口打開文檔：
<a target="_blank">訪問菜鳥教程!</a>HTML 鏈接- id 屬性
id屬性可用于創(chuàng)建在一個HTML文檔書簽標記。
id屬性可用于創(chuàng)建在一個HTML文檔書簽標記惹谐。
id="tips"時訪問該位置時href="#tips"
HTML<head>
<head> 元素包含了所有的頭部標簽元素持偏。在 <head>元素中你可以插入腳本（scripts）, 樣式文件（CSS），及各種meta信息氨肌。
可以添加在頭部區(qū)域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.
-
HTML <title> 元素
- 定義了瀏覽器工具欄的標題
- 當網頁添加到收藏夾時综液，顯示在收藏夾中的標題
- 顯示在搜索引擎結果頁面的標題
HTML <base> 元素
base將使得插入圖片等內容時可以輸入其相對地址，并且也默認設置了所有鏈接的默認打開方式儒飒。
<head> <base target="_blank"> </head>
- HTML <meta> 元素
<meta> 標簽提供了元數(shù)據.元數(shù)據也不顯示在頁面上，但會被瀏覽器解析檩奠。
META元素通常用于指定網頁的描述桩了，關鍵詞，文件的最后修改時間埠戳，作者井誉，和其他元數(shù)據。
元數(shù)據可以使用于瀏覽器（如何顯示內容或重新加載頁面）整胃，搜索引擎（關鍵詞）颗圣，或其他Web服務。
每30s刷新頁面
<meta http-equiv="refresh" content="30">
HTML 樣式- CSS
內聯(lián)樣式
style="Y：X;"
Y=color;margin-left;background-color;font-family;font-size;text-align-
內部樣式表
<head> <style type="text/css"> body {background-color:yellow;} p {color:blue;} </style> </head>` -
外部樣式表
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>`
HTML 圖像
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228"
border="0" align="bottom">
alt為在無法加載出圖片時圖片位置所顯示的文字屁使。
可以創(chuàng)建出帶有可供點擊區(qū)域的圖像地圖在岂。其中的每個區(qū)域都是一個超級鏈接。詳見 http://www.runoob.com/try/try.phpfilename=tryhtml_areamap
