1. Html簡介
1. Html是什麼？
html是一種用來描述網頁的一種語言。html（Hyper Text Markup LanguLanguage）是指超文本标記語言，它不是程式設計語言，而是一種标記語言。
2.html能做什麼？
html通過标簽的形式将資訊展現給使用者
3. 書寫規範
<!DOCTYPE html>
<html>
<head>
//包括咨詢資訊，整個頁面的屬性，指導浏覽器解析的标簽，引入外部檔案的标簽
</head>
<body>
//我們需要展示的資訊
</body>
</html>
2. Html的基本标簽
1. 檔案标簽（結構标簽）
<html>标簽：跟标簽
<head>:頭标簽
<title>:頁面的标簽
<body>:内容标簽
屬性：1.text：文本的顔色
2.bgcolor:背景色
3.background：背景圖檔
2. 排版标簽
<!--注釋标簽-->
</br> 換行标簽
<p>段落标簽</p>
屬性：align：對齊方式（left center right）
</hr> 水準标簽
屬性：width：寬度
size：粗度
color：顔色
align：對齊方式
尺寸的寫法：1.像素 2.百分比
3.塊标簽
<!-- 塊标簽-->
<div>:行級塊标簽
<span>:行内塊标簽
作用 div:div+css
span:進行友好提示，比如密碼錯誤，賬号不存在等等
4.文字标簽
<!--文字标簽-->
<font> 屬性：color：顔色
size：大小～（最小值：1，最大值：7，預設值：3）
face：字型 （黑體，宋體，華為彩雲等等）
5.清單标簽
<!--清單标簽-->
//無序清單
<ul>
<li>清單1</li>
<li>清單2</li>
</ul>
<ul>屬性：type=disc square circle
//有序清單
<ol>
<li>清單1</li>
<li>清單2</li>
</ol>
<ol>屬性：type=1，A，a,I
start：數字，代表了首項開始的位置
6.圖形标簽
<!--圖形标簽-->
<img> 屬性：src:圖形的位址
width：寬度
height:高度
border：邊框，給圖檔加個類似相框的邊框
align：對齊方式
alt:圖檔的文字說明，（圖檔不存在的時候顯示alt裡面的内容）
7.連結标簽
<!--連結标簽-->
<a>
屬性： href：跳轉頁面的位址
name：名稱，錨點
target ：_self（預設）在自身打開頁面； _blank 重開一個頁面
作用:(1).頁面跳轉時，通路網際網路上的資源，前面必須加協定http://
(2).錨點通路時，href在通路錨點時書寫格式 #name的值
8.表格标簽
<!--表格标簽-->
<table >
<tr>
<td>1---1</td>
<td>1---2</td>
<td>1---3</td>
</tr>
<tr>
<td>2---1</td>
<td>2---2</td>
<td>2---3</td>
</tr>
<tr>
<td>3---1</td>
<td>3---2</td>
<td>3---3</td>
</tr>
</table>
表格屬性：border：邊框
width：寬度
align:表格的對齊方式
<tr>:代表行
<td>:代表單元格
屬性：rowspan:行合并
colspan:列合并
<caption>：表格的标題
表格作用： （1）實作一個簡單的表格樣式
（2）進行宏觀布局
3. html表單标簽(重點)
1. form标簽
<form></form>
屬性： name：表單名稱
action：送出的路徑位址
method：送出方式 get post
get與post差別：
1.get送出将資料加在位址欄後面， 格式？name=value&name=value，而post送出是将資料封裝在請求體中
2.get送出相對不安全，post送出相對安全
3.get送出有大小限制，根據浏覽器不同而不同，post不限制大小
2. input标簽
<input >
屬性：type：根據type值的不同會顯示不同功能表單項
text：普通的文本輸入框
password：密碼輸入框，特點：顯示掩碼
radio：單選按鈕。注意：組的概念，如果想讓一組單選按鈕互 斥，name屬性必須相同 checked：代表預設被選中
checkbox:複選框 注意：組的概念，如果想讓一組單選按鈕互 斥，name屬性必須相同
file：上傳檔案
button：普通按鈕，沒有任何内置功能
submit：送出按鈕，點選表單按照action位址進行送出
reset：重制按鈕，點選會将表單晴空
image：圖檔按鈕
src:圖檔位址
alt:圖檔提示資訊
hidden：隐藏标簽。 服務端需要但是使用者不需要
3. select标簽
<select></select>
屬性：<option> </option> 代表一個屬性
value：
selected：預設被選中的項
4. textarea标簽（文本域）
<textarea>文本</textarea>
屬性：cols：列數
rows:行數
4.架構标簽及其他
1.什麼叫架構标簽
Frameset:
屬性：cols：按列劃分
rows:按行劃分
劃分的格式：rows=“120，*”。*指剩下的部分
frame：
屬性：name：名稱，友善target根據name值進行定位
src：加載頁面的路徑
![Java小案例——随機數猜測随機數猜測[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)