HTML筆記
1. HTML基礎知識
1.1 什麼是計算機語言?
答:
人與人之間是通過語言進行交流,那麼人和計算機之間如何交流呢?計算機只知道”0”和”1”,所以我們就通過”0”和”1”這種語系來和計算機交流,這就是機器語言。
機器語言對於人來講太難理解,編制程序太困難。
爲了解決這個問題，我們將一串特定的“01”進行符號化，這就是彙編語言。
機器語言和彙編語言都是屬於低級語言,即體現了機器的特性，而對於大多數不是計算機工程師的人來講，還是太困難了。
高級語言：用類似英語加數字的符號來描述，最大程度屏蔽了機器特性，使得程序的閱讀和編制變得越來越容易。
If(a > b){
C = a + 1;
}else{
C = b;
}
常見的高級語言有C, C++, C#, PHP, Java
1.2 什麼是標記語言。
什麼是文本文件：只有文本內容，沒有任何格式。
舉例：在記事本輸入“帶你出師，闖蕩江湖！”，並設置相應的格式，但是在其他電腦上打開並沒有顯示同樣的格式，說明其不包含任何格式信息。查看文件大小顯示20個字節。
在word中輸入同樣的內容，同時設置在另一個電腦上看到的是同樣的內容和同樣的格式。同時查看文件的大小
說明word文檔中除了存儲內容，還存儲了格式等信息（document.xml,ml）就是標記語言（markup Language）的縮寫，我們所學的HTML（Hytper Text Marked Language）也是一種標記語言。
超文本：不僅僅能表示文本信息，還能表示音頻視頻，格式等等信息。
瀏覽網頁實際上就是將存儲在服務器上的HTML文件下載到本地，然後通過瀏覽器（IE，Chrome等)進行解析並呈現內容。
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--head部分主要做一些設置工作，比如字符集，標題等-->
<title>我的第一個網頁</title>
<!--<meta charset="utf-8">-->
<metahttp-equiv="Content-Type"content="text/html;
charset=utf-8"/>
</head>
<body>
<!--文檔的主題部分，呈獻給用戶的信息都在此-->
帶你出師，闖蕩江湖！
</body>
</html>
註釋：添加HTML註釋的快捷鍵是ctrl+Shift+/
註釋的形式：<!-- -->
註釋的作用：對代碼進行說明，方便程序員閱讀和理解，注意對於計算機的執行沒有任何影響。
註釋非常重要，代碼正確是前提，但是清晰也是一個非常重要的原則。
程序員要養成註釋的好習慣。
2.1 標題標籤
略
2.2 段落標籤
段落（paragraph）標籤標示頁面的一個段落，自動換行。
<h3>登鸛雀樓</h3>
<p>白日依山盡，</p>
<p>黃河入海流。</p>
<p>欲窮千里目，</p>
<p>更上一層樓。</p>
2.3 鏈接標籤
鏈接標籤<a>的作用是跳轉，包括頁間跳轉和頁內跳轉。
（1）頁間跳轉
<a href="http://www.runoob.com"target="_blank"title="我真的帥">菜鳥網</a>
href屬性指定鏈接的目標URL地址。
Target屬性指定打開目標頁面的方式，其取值包括
-self：當前頁面中打開，默認
-blank：在新的頁面中打開
-parent：
-top
Title屬性指定提示信息
（2）頁內跳轉
在目標標籤處指定id=”....”，在鏈接處指定href = “#...”
Id屬性是頁面元素唯一標識
“錨點”：anchor
2.4圖片標籤
在網頁中嵌入圖片
src:source，圖片資源的URL地址，可是本地的，也可以是遠程的
本地的：
<img src = "月河街.jpg">
遠程的：
<img src = "http://img0.imgtn.bdimg.com/it/u=744752514,23168000&fm=214&gp=0.jpg">
alt屬性：alternative（可供替代的），即當前資源不存在時，替代顯示的文字內容。
路徑：
相對路徑：....
絕對路徑：....
“..”表示上一級目錄
“.”表示當前目錄
添加到圖片前用”/”分開
在同一級目錄下
<img src = "xx.jpg">
在上一級目錄下
<img src = "../xx.jpg">
在下一級目錄下
<img src = "pic/xx.jpg">
2.5雜項
<span>:將部分文本獨立出來
<br>
<hr>
<base>