整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
.標簽要小寫
2.屬性值可加可不加””或”
3.可以省略某些標簽
html body head tbody
4.可以省略某些結束標簽
tr td li
例：
顯示效果：
5.單標簽不用加結束標簽
img input
6.廢除的標簽
font center big
7.新添加的標簽
將在下一HTML5學習筆記中重點闡述。
下期預告：
HTML5學習筆記四：html5新增標簽、語義特性-文檔聲明
Tommy say開張兩天，訂閱量達到了60+，收藏300+，閱讀量突破2000，推薦度達到10000+，很是欣慰。謝謝大家的支持，Tommy一定會堅持寫作分享下去，么么噠~
我前期準備按照兩條線走：HTML5 + JavaScript，這兩種文章都會從最基礎的開始寫起，希望大家喜歡。
為了方便學習和理解，通常將HTML5標記分為兩大類，即雙標記和單標記。
a.雙標記：
雙標記雙標記也稱為體標記，分為開始標記和結束標記，其基本語法為：
<標記名>內容</標記名>
如：
<p>我是一個雙標記</p>b.單標記：
單標記也稱空標記，是指用一個標記就可以完整的描述某個功能，其基本語法為：
<標記名/>
如：
<hr/>上面hr標記表示一條水平線，后面會提到
注釋標記是HTML的一種特殊標記，它是一段便于閱讀理解的不需要在頁面中顯示的注釋文字。其基本語法格式為：
<!-- 注釋語句 -->如：
<p>這是一段文本</p> <!-- 這是注釋文本，不會在頁面中顯示 -->上圖即為瀏覽器中的結果。
HTML標記的默認樣式是無法滿足頁面開發的需求的，如果想要為某段文本設置特定的樣式，就需要用到HTML標記的屬性了，其基本語法格式為：
<標記名 屬性1="屬性值1" 屬性2="屬性值2" 屬性3="屬性值3"...>內容</標記名>
下面以一個例子來展示：
網頁第一行是一個二級居中的標題，第二行是一個局中的段落，第三行是一個大小為2px，顏色為灰色的水平線，第四行是一段正常的段落，部分詞語被加粗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2 align="center">我是居中的二級標題</h2>
<p align="center">我是居中的段落</p>
<hr size="2" color="#ccc"/>
<p>我是一個正常的段落，這是<strong>關鍵字</strong>，其他的都是正常內容。<p/>
</body>
</html>效果如圖所示：
?
多學一招（鍵值對）：
“鍵值對”簡單地說即為對“屬性”設置“值”
例如：
color = "red";width:"200px";
上面的color和width就相當于屬性1和屬性2，red和200px就是對應的屬性值1和屬性值2，如果順序出錯，是沒有效果的
總結：
在HTML開始標記中，可以通過 屬性=“屬性值”的方式為標記添加屬性，其中“屬性”和“屬性值”是以“鍵值對”的形式出現的
1.title
一個HTML文檔只能含有一對<title></title>標記，<title></title>之間的內容將顯示在瀏覽器窗口的標題欄中。
基本語法格式：
<title>網頁標題名稱</title>
2.meta
meta定義頁面元信息：
設置網頁關鍵字》》》<meta name=”keywords” content=”JAVA、php”/>
設置網頁描述》》》<meta name=”description” content=”IT培訓教育”/>
設置網頁作者》》》<meta name=”author” content=”傳智播客”/>
設置字符集》》》<meta http-equiv=”Content-Type” content=”text/htm; charset=utf-8l”/>
設置頁面自動刷新與跳轉》》》<meta http-equiv=”refresh” content=”10;url=http://www.itcast.cn”/>
3.link
基本語法格式：
<link 屬性=”屬性值” />
屬性名 | 常用屬性值 | 描述 |
href | URL | 指定引用外部文檔 |
rel | stylesheet | 指定當前文檔與引用外部文檔的關系，該屬性值通常為stylesheet，表示定義一個外部樣式表 |
type | text/css | 引用外部文檔的類型為CSS |
type | text/javascript | 引用外部文檔的類型為JavaScript腳本 |
4.style
基本語法格式：
<style 屬性=”屬性值”>樣式內容</style>
在HTML中使用style標記時，常常定義其屬性為type，相應的屬性值為text/css，表示使用內嵌式的CSS樣式
HTML文檔由HTML元素組成，一個HTML元素由一個標簽和一組屬性組成。一個標簽可以有一個或多個屬性，屬性以名稱和值成對出現。Web 瀏覽器讀取HTML 文檔，并以網頁的形式顯示出來，瀏覽器不會顯示 HTML 標簽，而是通過標簽來解釋網頁的內容。
HTML(Hyper Text Mark-up Language超文本標記語言)：不是編程語言，而是一種描述性的標記語言，用于描述網頁中內容的顯示方式，比如文字以什么顏色、大小來顯示等，這些都是利用Html標記來實現。
HTML標簽是由尖括號（“<”和“>”）包圍的關鍵詞，如標簽 <p>。標簽不區分大小寫，故 <p> 和 <P> 的含義相同，不過推薦使用小寫。
HTML標簽通常成對出現，一個是開始標簽，一個是結束標簽。開始標簽告訴瀏覽器，從這里開始執行該標簽所表示的功能；結束標簽告訴瀏覽器，該功能到這里結束。在開始標簽前加一個斜杠（/）即成為結束標簽。如，html 元素的開始標簽是 <html>，結束標簽是</html>。也就是說，一個HTML 元素由開始標簽、內容、結束標簽組成。開始標簽是放在一對尖括號中的元素名稱及可能包含的屬性，結束標簽是放在一對尖括號中的斜杠加元素的名稱。語法格式為：<開始標簽>內容</結束標簽>。如，em 元素的開始標簽為<em>，結束標簽為 </em>，在<em> 和 </em> 標簽之間是元素的內容。如下圖所示：
所有的網頁文件，通過都是四對標記來構成文檔的骨架，它們是：
小結：
<html>…</html>標識網頁文件的開始與結束，所有的Html元素，都要放在這對標記中。
<head>…</head>標識網頁文件的頭部信息，如標題、搜索引擎關鍵字等
<title>…</title>標識網頁文件的標題
<body>…</body>標識網頁文件的主體部分
1. 單標記
一．<標記名稱>
單一型，無屬性值
如：<br/>——表示換行符
二．<標記名稱屬性=”屬性值”>
單一型，有屬性值
如：<hr width=”80%”/>
2. 雙標記
三．<標記名稱>…</標記名稱>
沒有屬性值
如：<title>…<title>
四．<標記名稱屬性=”屬性值”>…</標記名稱>
有屬性值
如：<body bgcolor=”red”>…</body>
注釋
格式：
<!—注釋內容-->
Body屬性
<body bgcolor=”背景顏色” background=”背景圖像” text=”文本顏色” link=”鏈接文本顏色” vlink=”訪問過的文本顏色” alink=”激活的連接文本顏色” leftmargin=”左邊界”>
語法：
<font color=”文本顏色” size=“字號”>文本</font>
格式：
<p align=“對齊方式”>…</p>
修飾標記
水平直線<hr/>
覺得不錯的朋友關注下哩，后面會分享HTML標簽屬性、描點、表單等更多干貨。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
