Java Web之html講解(1)一些基礎標籤html,head,body,meta,title,script,div,ul,ol,li,a的用法和class,href,charset,src簡講
一：<!DOCTYPE html>,<html>,<head>,<body>,<meta>,<title>,<script>,<div>,<ul>,<li>與<a>標籤的使用
1.<!DOCTYPE html>
<!DOCTYPE> 宣告必須是 HTML 文件的第一行，位於 <html> 標籤之前。
宣告不是 HTML 標籤，它只是一個宣告，就像C語言，JAVA，jquery的宣告一樣。是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
在 HTML 4.01 中，<!DOCTYPE> 宣告引用 DTD，因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則，這樣瀏覽器才能正確地呈現內容。
HTML5 不基於 SGML，所以不需要引用 DTD。
注：1.請始終向 HTML 文件新增 <!DOCTYPE> 宣告，這樣瀏覽器才能獲知文件型別。在HTML5中，也儘量使用該宣告
2.<!DOCTYPE> 宣告沒有結束標籤
3.<!DOCTYPE> 宣告對大小寫不敏感
4.先在基本上使用的都是html5，所以宣告時只需用到<!DOCTYPE html>即可。
2.<html>,<head>,<body>
(1)html
此元素可告知瀏覽器其自身是一個 HTML 文件。限定了文件的開始點和結束點，在它們之間是文件的頭部和主體
(2)head
<head> 標籤用於定義文件的頭部，它是所有頭部元素的容器。描述了文件的各種屬性和資訊，包括文件的標題、在 Web 中的位置以及和其他文件的關係等。
<head> 中的元素可以引用指令碼、指示瀏覽器在哪裡找到樣式表、提供元資訊等等。
注：a.下面這些標籤可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。<title> 定義文件的標題，它是 head 部分中唯一必需的元素。
b.要注意的是始終為文件規定標題。
(3)body
<body>標籤定義文件的主體。
包含文件的所有內容（比如文字、超連結、影象、表格和列表等等。）
3.<meta>
<meta> 元素可提供有關頁面的元資訊（meta-information），比如針對搜尋引擎和更新頻度的描述和關鍵詞。
位於文件的頭部，不包含任何內容。定義了與文件相關聯的名稱/值對。沒有結束標籤
4.<script>
<script> 標籤用於定義客戶端指令碼，比如 JavaScript。
script 元素既可以包含指令碼語句，也可以通過 src 屬性指向外部指令碼檔案。
比如
<script type="text/javascript">定義了一段javaScript，JavaScript 的常見應用時影象操作、表單驗證以及動態內容更新。
5.<div>
(1)定義：
可以根據它的英文(division)含義理解
<div> 可定義文件中的分割槽或節（division/section）。它把文件分割為獨立的、不同的部分。可以單獨分為多個部分，每個部分互不影響。和麵向物件的類比較類似。如果用 id 或 class 來標記 <div>，那麼該標籤的作用會變得更加有效。
(2)用法為：
<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行，瀏覽器通常會在 div 元素前後放置一個換行符。實際上，換行是 <div> 固有的唯一格式表現。可以通過 <div> 的 class 或 id 應用額外的樣式。可以對同一個 <div> 元素應用 class 或 id 屬性，但是更常見的情況是隻應用其中一種。用class和id進行標記，可以認為可以把div看作網頁的"類"。
注：
1.這個標籤是成對的。
2.請使用 <div> 元素來組合塊級元素，這樣就可以使用樣式對它們進行格式化。
6.ul
(1)定義
<ul> 標籤定義無序列表。
無需列表就是前面沒有加上順序符號的列表。
注：請使用樣式來定義列表的型別。
7.ol
(1)定義
<ol> 標籤定義有序列表。
無需列表就是前面加上順序符號的列表。
7.li
(1)定義
<li> 標籤定義列表專案。
<li> 標籤可用在有序列表 (<ol>) 和無序列表 (<ul>) 中。
注：請使用 CSS 來定義列表和列表專案的型別。
8.a
<a> 標籤定義超連結，用於從一張頁面連結到另一張頁面。
<a> 元素最重要的屬性是 href 屬性，它指示連結的目標。
在所有瀏覽器中，連結的預設外觀是：
- 未被訪問的連結帶有下劃線而且是藍色的
- 已被訪問的連結帶有下劃線而且是紫色的
- 活動連結帶有下劃線而且是紅色的
被連結頁面通常顯示在當前瀏覽器視窗中，除非您規定了另一個目標（target 屬性）。
可以使用 CSS偽類向文字超連結新增複雜而多樣的樣式。
二：clsss,href,charest,src屬性講解
1.class
(1)定義
class 屬性規定元素的類名（classname）。
class 屬性大多數時候用於指向樣式表中的類（class）。不過，也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。
(2)使用
可以給 HTML 元素賦予多個 class，把若干個 CSS 類合併到一個 HTML 元素。如果類名相同，則認為是一個類。
除了Internet Explorer 支援，其他瀏覽器類名不能用數字開頭。
注：a.class 屬性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
b.如需為一個元素規定多個類，用空格分隔類名
2.href
(1)定義
<a> 標籤的 href 屬性用於指定超連結目標的 URL(網頁地址)。
(2)用法
href 屬性的值可以是任何有效文件的相對或絕對 URL，包括片段識別符號和 JavaScript 程式碼段。當用戶選擇後，瀏覽器就會檢索並顯示href屬性指定的URL所表示的文件會javaScript的一些方法。
注：a.可以使用 CSS偽類向文字超連結新增複雜而多樣的樣式。
b.<a> 標籤中必須提供 href 屬性或 name 屬性。
c.超連結的URL，可能的值有：
- 絕對 URL - 指向另一個站點
- 相對 URL - 指向站點內的某個檔案
- 錨 URL - 指向頁面中的錨
(3)錨點
命名錨點是網頁製造超連結的一種，命名錨記像一個迅速定位器一樣是一種頁面內的超級連結，運用相當普遍。 後面會詳細講解。
3.charset
(1)定義
charset 屬性規定在外部指令碼檔案中使用的字元編碼。
如果外部檔案中的字元編碼與主檔案中的編碼方式不同，就要用到 charset 屬性。
(2)常用的字符集有：
UTF-8 - Unicode 字元編碼
ISO-8859-1 - 拉丁字母表的字元編碼
4.src
(1)定義
當你想要引用一個外部檔案時，就要用到src，它的值是影象檔案的 URL，也就是引用該影象的檔案的的絕對路徑或相對路徑。
(2)使用
可能的值：
絕對 URL - 指向其他站點
相對 URL - 指向站點內的檔案
以上是一些常用的標籤和屬性的用法，細節類的沒有涉及到多少，在之後的一步一步學習中，會慢慢講解更詳細的內容。