HTML+CSS基礎學習標籤程式碼
一、HTML頁面結構
1.HTML定義（HTML）為超文字標記語言，是寫給瀏覽器的語言， 目前網路上應用最廣泛的語言，目前已經更新到HTML5，HTML添加了一些寫的語義化標籤，放棄了一些舊標籤。目的是相容所有以往標籤編寫的網頁。可以更加優良的識別。應用。
2.HTML標籤
（HTML）標籤的書寫與大小寫無關，一般推薦使用小寫。特點：由尖括號包圍關鍵詞，如《hmtl》。通常成對出現：比如<div></div>,一個開始一個結束標籤，一般HTML的標籤都是閉合的成對出現，但是，頁也有個別的例外。（單標籤<img/>、<br/>、<input/>、等）。標籤具有屬性：屬性用來表示標籤的特性，如<img src=" " title=" "/>
3.html基本結構
<!doctype html>：宣告語句，告訴瀏覽器該文件遵循HTML規範
<html>：頁面基礎元素，主要定義頁面的開始和結束部分，其他內容包含在<body>標籤內
<head>：頁面頭部元素，包含當前文件的相關資訊，可包含<title>元素，等，定義標題，編碼，使用此標籤可以將基本資訊部分和頁面主題內容區分開來。
<meta charset="utf-8">：meta元資訊元素用來定義頁面的附加資訊，其中包括頁面的作者，版權，關鍵字等相關資訊。此元素是一個自封閉的元素，通過其中的屬性來新增各種附加資訊。此元素在不適用任何屬性時，對頁面沒有影響.(頁面編碼有多種，但常用的是utf-8,gb2312,utf-8為多國語言編碼，gb2312為中文簡體編碼，設定網頁編碼的語句為<meta charset="utf-8"/>是在head標籤內定義的)
<name>：元資訊元素名稱屬性，制定文件附加資訊名稱，例如，最常用的值“keywords”用來定義文件中的關鍵字，方便搜尋引擎的搜尋，name屬性的語法結構用法：<meta name="keywords" ontent=" 測試軟體"/>
<title></title> ：設定文件的標題，標題名稱，會顯示在瀏覽器的視窗的標題欄
</head>
<body>：定義文件主題，包含文件的所有內容（文字，超連結，影象，表格等）
</body>
</html>
4.常用標籤元素
行內元素：*和其他元素都在一行，*寬高設定無效，寬高就是內容撐開容器的寬高，*行內元素只能包含行內元素，不能包含塊級元素。
超級連結：<a href="url"></a>標籤定義超連結，href的作用是指明超連結連線到的網址，除了href屬性，還有title屬性表示連結的提示資訊。target屬性表示超連結要連結的開啟方式，即當點選了連結，選擇是在另一個頁面開啟還是本頁面開啟，其中屬性值包括_blank（新的空白頁），_self（當前頁）_top（當前頁）。
span標籤：常用的文字標籤。可以對特殊處理的文字部分新增樣式<p>守護 <span style="color:red">執子之手與子偕老</span></p>
文字格式化標籤： <b>粗體</b>,<strong>定義粗體</strong>，<i>斜體<i>，<em>斜體</em>，<del>定義刪除</del>,4<sup>2</sup>定義上標文字。3<sub>5</sub>定義下標文字,<mark>表示提醒</mark>
img影象;展示圖片,<img src=" 圖片連結 " title=“ 圖片名稱” alt=“圖片名稱”/>
標籤：input標籤：賬號：<input type="text" placeholder=" 輸入框 " required=“required”/> 密碼：<input type="password" placeholder="密碼框"/>
單選框架：<label> <input type="readio" value="man" name="sex" id="man">男</label> <input type="radio" value="woman" name="sex" id="woman"/><label fox="woman">女</label>
複選框架：興趣愛好<label><input type="checkbox" name="hobby"/>聽歌 </label>
<label><input type="checkbox" name="hobby"/>寫字 </label>
<label><input type="checkbox" name="hobby"/>運動 </label>
下拉框架：科目<select><option value>語文</option>
<option value>數學</option>
<option value>英語</option>
</select>
按鈕：<input type="submit" value="提交">
<iniput type="button" value="取消">
檔案型別的input：<input type="file" id=" " value=" "/>
多行輸入：textarea <textarea placeholder="輸入多行內容"></textarea>
按鈕標籤：<button></button>
塊級元素：<div style="background; 顏色"width;寬度，height；高度/> 內容 </div>
段落元素：<p></p> 定義一段文字。
語義化標題，跟隨數字增大標題大小:<h1-h6>
有序列表：<ul> <li></li> </ul>
無序列表：<ol><li></li></ol>
表格table:<table bordr=" px" cellpadding=" px" cellpadding=" ">
</thead>
<tr><th></th></tr>
<th><tr></tr></th>
</thead>
htmkl新增標籤
1.section：獨立內容區塊，可以用h1到h6組成大綱，表示文件結構，也可以有章節，頁首，頁尾，或頁首的其他部分、
2.article：特殊獨立區塊，表示這篇頁首中的核心內容
3.aside：標籤內容之外與標籤內容相關的輔助資訊
4.header：某個區塊的頭部資訊/標題
5.footer:底部資訊
6.nav導航條部分資訊
2.媒體標籤
（1）video：視訊；<video src=" video/coens.mp4" controls="controls" preload=" auto" loop=" loop">您的瀏覽器不支援</video>
(2.)audio音訊<atdio src="ocans.mp4" controls="controls"> 您的瀏覽器不支援</audio>