11.09學習日誌
11.09學習日誌
HTML基礎知識總結
一、HTML的定義
HTML，超文字標記語言，寫給瀏覽器的語言，目前網路上應用最廣泛的語言。HTML也在不斷的更新，最新版本已經出現了HTML5。在HTML5中出現了許多新特性，也遺棄了一些舊元素。我們寫好html檔案後，在瀏覽器中開啟。主流的瀏覽器包括IE、Firefox、Chrome、Goole等。
二、HTML標籤元素
HTML元素由開始標籤和結束標籤組成。如<p>/<p>,<h1><h1/>。雖然現在我們還不知道具體標籤代表的意思，但標籤一定是這樣的格式：有一對開始<>和結束</>。一般標籤名推薦用小寫。標籤具有屬性，屬性用來表示標籤的特徵。比如，我們用大小這個屬性，來衡量一個蘋果。所以，大小可以用來表示蘋果的特徵。屬性時寫在標籤裡面的，而且是開始標籤內。
三、HTML 的基本結構
結構由網頁的頭部和網頁的身體組成。如下例子：
<html>
<head>
<title>這是我的部落格</title>
</head>
<body>
這是我的身體。
</body>
</html>
在上面的例子中，第一個標籤<html>是告訴瀏覽器這是html文件的開始。Html文件的最後一個標籤是</html>，是告訴瀏覽器這是html的終止。標籤<head></head>之間的文字是頭部資訊，在<title></title>之間的文字是文件標題，會顯示在瀏覽器的視窗的標題欄。<body></body>之間的文字是正文。
二、規範的html頁面
1、文件宣告
在<html>前，要寫文件宣告語句: <!DOCTYPE HTML>，當然也可以用小寫表示。文件宣告的作用是告訴瀏覽器該文件遵循html規範。
2、標題
一般情況下，我們都會設定html文件的標題。這樣的作用是使使用者看起來感覺友好。標籤為<title></title>,標籤內放標題名稱。
3、頁面編碼
編碼的種類有多種，但常用的是utf-8和gb2312。utf-8為多國語言編碼，gb2312為中文簡體編碼。對於編碼的詳細問題，可以瀏覽部落格。設定網頁編碼的語句為<meta charset= "utf-8" />，是在<head></head>標籤內定義的。
4、頁面關鍵字，內容
我們可以在文件中設定一些關鍵詞，內容介紹。這樣的好處是，當我們的網頁釋出在網上，使用者可以通過在搜尋框中輸入關鍵字，找出一些比較符合的網頁。這樣一來，我們的網頁便可以更容易地被別人訪問。
四、常用元素
1、 換行符 <br />。換行對於文字編輯來說是最正常不過的了。當文字寫滿一行，需要換行。或者根據需要，在文字中換行，這都是可以的。如下例子：
<body>
我要換行<br />換行後
</body>
2、段落 <p></p>
在寫文章時，我們可以用p標籤來定義一個段落。如下定義了兩個段落：
<p> UTF-8。UTF-8就是在網際網路上使用最廣的一種unicode的實現方式。 </p> <p> GBK編碼，包括了GB2312中的編碼，同時擴充了許多，通行於大陸。 </p>
在定義了段落後，可以利用屬性align來對段落進行設定。屬性align的值包括left（左對齊）、center（居中對齊）、right（右對齊）三種。
<p align=“center”> UTF-8。UTF-8就是在網際網路上使用最廣的一種unicode的實現方式。 </p>
3、標題。標題有六種大小h後的數字越大，說明標題越大。分別為
<h1>標題1</h1> <h2>標題2</h2> <h3>標題3</h3> <h4>標題4</h4> <h5>標題5</h5> <h6>標題6</h6>
4、文字格式化，一些常用於設定文字字型的元素：
<b>定義粗體文字</b><br />
<i> 定義斜體文字 </i><br />
<del>定義刪除文字</del><br />
<sup>定義上標字</sup><br />
<sub>定義下標字</sub><br />
效果圖如下：
5、定義超連結 <a href=“URL”></a>
a標籤用來定義一條超連結，其中要有的是href屬性，href的作用是指明超連結要連結到的網址。除了href屬性，還有title屬性表示連結的提示資訊。target屬性表示連結的開啟方式，即當點選了連結，選擇是在另一個頁面開啟還是本頁面開啟。其屬性值包括_blank(新的空白頁)、_self(當前頁)，_top（當前頁）。
<a href="#" target="_blank">百度一下</a>
href的值可以是外部連結，也可以是內部檔案，如***.html檔案。
<a href=“http://www.163.com”>外部連結</a>
<a href=“about.html”>內部連結 </a>
href也可以連結到別的地址，如郵箱、電話、sms。
<a href=“1233456.qqcom”>郵件連結</a>
<a href=“tel:電話號碼”>撥打電話</a>
<a href="sms:139xxxxxxx">傳送簡訊</a>