- HTML【HyperText Markup Language】（超文本標記語言）
- 基本格式
<html>
<head><title></title></head>
<body></body>
</html>
單標籤 <br> ； <hr>
- html中常用標籤
- 文字標籤和註釋標籤
<font></font>屬性：size（1-7）超出7，默認7 color：文字顏色 - 註釋標籤
<!-- html的註釋 --> - 標題標籤
<h></h>由h1 - h6 大變小，同時會自動變行 - 水平線標籤
<hr>屬性：size（1-7）超出7，默認7 color：文字顏色 - 特殊標籤
轉義字符 < < ; > > ; & & ; 空格   - 列表標籤
<dl> </dl>表示列表的範圍
<dt> </dt>在dl裏面：上層內容
<dd> </dd>在dl裏面：下層內容
<dl>
<dt>慢慢</dt>
<dd>立即</dd>
<dd>馬上</dd>
</dl>
輸出：
- 有序列表
- 無序列表
<dl>
<dt>慢慢</dt>
<dd>立即</dd>
<dd>馬上</dd>
</dl>
<hr>
<!--有序列表-->
<ol>
<li>慢慢</li>
<li>立即</li>
<li>馬上</li>
</ol>
<hr>
<!--無序列表-->
<ul>
<li>慢慢</li>
<li>立即</li>
<li>馬上</li>
</ul>
結果：
type: 空心圓circle 、實心圓disc 、實心方塊square ，默認disc
-
圖像標籤
<img src="圖片路徑"/>
- src：圖片路徑
- width：圖片寬度
- height：圖片高度
- alt：圖片上顯示的文字，把鼠標移動到圖片上顯示的內容；有些瀏覽器不顯示（沒有效果） -
路徑：絕對路徑和相對路徑
- 相對路徑：
- 同一目錄（直接文件名）
- 上級目錄（…/文件名）
- 上級的上級（ …/…/ ）
- 相對路徑：
-
超鏈接標籤
- 鏈接資源
<a href="連接的資源路徑">顯示在頁面的內容</a>- href：連接的資源路徑
- target：設置打開的方式，默認在當前頁面打開
- _blank：在一個新窗口打開
- _self：在當前頁面打開
- 當連接不需要到任何地址時，在href裏面加 #
<a href="#">無連接的超鏈接</a>
- 定位資源
- 先定義一個位置：
<a name="top">頂部</a> - 回到那個位置：
<a href="#top">回到頂部</a>
- 先定義一個位置：
- 鏈接資源
-
表格標籤
-
<table></table>：表示表格範圍- border：表格線
- bordercolor：表格線顏色
- cellspacing：單元格之間的距離
- width：表格寬度
- height：表格高度
-
在table裏面的
<tr> </tr>：行- 設置對齊方式：align：left、center、right
-
在tr裏面的
<td> </td>：行裏的單元格- 設置對齊方式：align：left、center、right
-
使用th也可實現單元格 ：行
- 可實現居中和加粗效果
-
表格標題 ：
<caption></caption> -
合併單元格
- rowspan：跨行
- colspan：跨列
-
-
表單標籤
-
<form></form>: 定義表單的範圍 -
- 屬性
* action： 提交到地址，默認提交到當前的頁面
- method: 表單提交方式
- 常用的有兩種 get和post，默認是get請求面試題目： get和post區別
- get請求地址欄會攜帶提交的數據，post不會攜帶
- get請求安全級別較低，post較高
- get請求數據大小的限制，post沒有限制
- 屬性
-
輸入項：可以輸入內容或者選擇內容的部分要有name屬性
- 大部分的輸入項 使用
在輸入項裏面需要有一個name屬性
-
普通輸入項：
<input type="text"/> -
密碼輸入項：
<input type="password"/> -
單選輸入項：
<input type="radio"/>-
在裏面需要屬性 name
-
name屬性值必須要一致
-
必須有一個value值
-
實現默認選中的屬性
- checked=“checked”
-
-
複選輸入項：
·<input type="checkbox"/>-
在裏面需要屬性 name
-
name屬性值必須要一致
-
必須有一個value值
-
實現默認選中的屬性
checked=“checked”
-
-
文件輸入項
<input type="file"/>
-
隱藏項（不會顯示在頁面上，但是存在於html代碼裏面）
<input type="hidden" /> -
提交按鈕
-
使用圖片提交
<input type="image" src="圖片路徑"/> -
重置按鈕： 回到輸入項的初始狀態
<input type="reset"/> -
普通按鈕
<input type="button" value=""/> -
下拉輸入項（不是在input標籤裏面的）
<select name="birth"> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> </select>- 默認選擇
- selected=“selected”
- 默認選擇
-
文本域
<textarea cols="10" rows="10"></textarea>
-
-
html中的其他的常用標籤
b : 加粗
s ：刪除線
u ：下劃線
i ：斜體
pre ：原樣輸出sub : 下標
sup : 上標p ：段落標籤 比br標籤多一行
div ：自動換行
span：在一行顯示 -
html的頭標籤
- html兩部分組成 head和body
- 在head裏面的標籤就是頭標籤
- title標籤：表示在標籤上顯示的內容
<meta>標籤：設置頁面的一些相關內容<meta name="keywords" content="啦啦啦啦">
<meta http-equiv="refresh" content="3;url=a.html" />//默認3s刷新到a.html頁面
- base標籤：設置超鏈接的基本設置
- 可以統一設置超鏈接的打開方式
<base target="_blank"/>
- 可以統一設置超鏈接的打開方式
- link標籤：引入外部文件
- 可以使用link標籤引入css文件
-
框架標籤
-
<frameset>-
rows:按照行進行劃分
<frameset rows="80,*">//把頁面劃分成上下兩部分
-
cols:按照列進行劃分
<frameset cols="80,*">
-
-
<frame>- 具體顯示的頁面
<frame name="lower_left" src="a.html">
- 具體顯示的頁面
-
使用框架標籤時候，不能寫在body裏面，使用了框架標籤，需要把body去掉
-
<frameset rows="80,*">//把頁面劃分成上下兩部分
<frame name="top" src="a.html">//上面頁面<frameset cols="150,*">//把下面部分劃分成左右兩部分
<frame name="lower_left" src="b.html">//左邊的頁面
<frame name="lower_right" src="c.html">//右邊的頁面
</frameset>
</frameset><noframes></noframes> -
如果在左邊的頁面超鏈接，想讓內容顯示在右邊的頁面中
- 設置超鏈接裏面屬性 target值設置成名稱
<a href="01-hello.html" target="right">超鏈接1</a>
-
-
a標籤的擴展
-
百度是網絡資源
-
當a標籤裏面訪問網絡資源時候，必須要加一個協議 http：表示一個網絡的公共協議，
如果加上http協議之後，自動識別訪問資源是一個網絡資源 -
當瀏覽器裏面找到相關協議，首先看這個協議是不是公共協議http。
如果不是公共協議，會去本地電腦找支持這個協議的應用程序。
-