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>
HTML+CSS基礎學習標簽代碼