html學習——基礎分類總結
1. html
超文本標記語言HyperText Markup Language。html文檔基本結構：
<!DOCTYPE html>
<head>
<!--放一些其它信息--> </head> <body>
可見的頁面內容 </body> </html>
html用標記標簽來描述網頁，一個元素包含一對開始/結束標簽。元素中可以設置屬性，該屬性在開始標簽中以名稱/值對形式出現
2. <head></head> 裏面可以包含下面元素
| <title>頁面標題</title> | 1.瀏覽器工具欄標題；2.收藏夾標題；3.搜索引擎結果頁面的標題 |
| <meta name="description" content="description"> |
元數據：數據的數據，對html數據進行說明的信息 1. name="屬性name" content="屬性對應的信息" 2. http-equiv="http頭的屬性" content="http-equiv相應屬性信息" |
| <base href="http:www.xxx.com"> | 文檔中的默認鏈接地址 |
| <link rel="當前文檔與被鏈接文檔的關系" type="text/css" href="css文檔地址.css"> | 文檔和外部資源之間的關系 |
| <style></style> | 樣式文件 |
| <script></script> | 客戶端腳本文件 |
3. <body></body> 在頁面中顯示的內容
3.1 布局
| <div></div> | 在其中放其它元素的容器 |
| <table></table> | 在其中放其它元素的容器 |
| <span></span> | 作為文本的容器，可以放在其它容器中如<p></p> |
3.2 文本結構
| <h1></h1> | h1~h6標題 |
| <p></p> | 文章段落 |
| <br /> | 換行 |
3.3 多媒體
| <img src="圖像地址" alt="顯示不出圖片時的文字"> | 插入圖像 | |
|
<img usemap="#mymap"> <map name="mymap"> <area shape="rect"> </map> |
img利用map映射成一個可點擊的圖像 map配合area定義圖像地圖 每個area是一個可點擊的區域，跳轉到外部鏈接 |
|
| <canvas id="canvas_id"></canvas> | canvas是一個畫布，用js在其中繪制2D圖形 | html5 |
| <svg xmlns="xml命名空間地址"></svg> | svg是可伸縮矢量圖形，利用xml格式定義圖形 | html5 |
|
<video width="" height="" controls> <source src="視頻地址" type="video/mp4> </video> |
插入一個視頻 | html5 |
|
<audio controls> <source src="音頻地址" type="audio/mpeg"> </audio> |
插入一個音頻 | html5 |
| <object data="bookmark.swf"></object> |
object用於插入對象，如java程序、視頻、 flash播放器等。在Windows下被ie使用。 |
html插件 |
| <embed src="bookmark.swf> |
embed用於插入對象，如視頻、flash播放器等。沒有關閉標簽！ 在Windows和Mac下被Netscape使用。兩個tag作用相同， 為了避免瀏覽器不兼容問題，使用<object><embed></object> |
html插件 |
3.4 表單<form></form>
用於接收不同類型的用戶輸入，瀏覽器將用戶在表單中輸入的數據進行打包，提交表單時發到服務器
| <form action="跳轉到的地址"></form> | |
| <input type="radio" name="a" value="b"> |
input是輸入域 name: 用於js中引用 value：如作為元素中文本的默認值 |
| <textarea></textarea> | 多行的文本輸入控件 |
| <label for="inputID">inputID</label> |
用for把label綁定到另一個元素， 點擊label文本時被綁定元素也會有相應響應 |
|
<fieldset> |
fieldset把一組相關的表單元素用外框包含起來 legend定義fieldset名字 |
|
<select> |
select定義下拉菜單 optgroup：多個option組成一組，組名會列出但不可選 option是菜單列表中的一項 |
|
<input list="listid"> |
datalist可用於指定<input> 元素可能的選項列表且可輸入 |
3.5 全局屬性&事件
| 全局屬性：任何一個標簽都是可以使用的屬性 | |
| <p class="className1 className2"></p> | 為<p>定義了兩個類名 |
| <p style=""></p> | 定義元素的行內樣式 |
| <p id="pid"></p> | 規定元素的唯一id |
| <p hidden="hidden">abc</p> | 隱藏<p>元素 |
| 事件屬性：觸發瀏覽器中的行為 | 窗口事件、表單事件、鍵盤事件、鼠標事件及其它 |
3.6 顏色&符號
| 顏色表示 |
顏色名 16進制值 Black #000000 |
| 字符集 |
要正確地顯示 HTML 頁面，瀏覽器必須知道使用何種字符集meta ISO 字符集：國際標準組織 (ISO) 針對不同的字母表/語言定義的標準字符集 標準的 Unicode 轉換格式(UTF)希望取代現有字符集。Unicode可被不同字符集兼容。常用的有UTF-8和UTF-16 ASCII字符集：美國信息交換標準代碼 |
| 符號實體 |
數學符號、希臘字母、其它 字符 實體編號 實體名稱 A Α Α |
html學習——基礎分類總結