java21
今天覆習一下html
html是一種超文字標籤語言
作用:展示
檔案的字尾名用html或者htm都可以
標籤必須用<>引起來
不區分大小寫
最好將所有標籤放在中
有開始和結束的標籤稱為圍堵標籤
沒有結束的標籤稱為空標籤
開始標籤和結束標籤中間的內容稱為標籤體
<!---->
是註釋標籤,註釋內容放在–中間
head用來存放頁面的重要資訊,一般不展示在html頁面上
body:要展示的資訊放在body中
轉義字元格式:&內容;
標題標籤:
<hn><hn>
:n取值1~6 ,1是最大字型6是最小字型
常用屬性: align:對齊方式
left 靠左 right 靠右 center 居中
字型標籤:
font:規定文字的字型,大小,顏色
常用屬性: face 字型 color 顏色 size 大小
顏色的取值:方式一,顏色的英文字母,方式二,#xxxxxx,x為16進位制
段落標籤:
<p></p>
其他標籤:
<b></b> <strong></strong>加粗
<i></i> 斜體
<hr/> 水平線(空標籤)
<br/> 換行
圖片標籤:<img></img>
常用屬性:src 圖片的路徑 alt 圖片替代的文字 title 移到圖片上顯示的文字 width 寬度 height 高度
大小的寫法:畫素,128px 或者 百分比 20%
路徑的寫法:
相對路徑:./ 當前目錄 …/上一級目錄
絕對路徑:
帶協議的絕對路徑:
列表標籤:
<ol></ol> 有序
<ul></ul> 無序
常用的標籤:<li></li> 列表項
超連結標記:<a></a>
常用屬性:href 跳轉的路徑 target 在哪裡開啟
表格標籤:<table></table>
常用的子標籤: <tr></tr>
:行
<td></td>
:列 colspan跨列合併 rowspan跨行合併
<th></th>
:表頭單元格
table的常用屬性值:border邊框 畫素值 align表格對其 width寬 height高
tr的常用屬性:align內容對齊
表單標籤: <form></form>
常用屬性:action資訊提交的路徑 (預設是當前頁面)
method表單提交的方式只需要掌握兩種:get和post
get請求會把所有參賽追加到位址列上post不會
get請求引數大小有限制post無限制
post比get安全些
常見的子標籤: <input></input>
輸入 下拉選 <textarea></textarea>
文字域
input標籤常用的屬性:
type: text文字框(預設) password密碼框 radio單選框 checkbox多選框 file文字框 submit提交 reset重置 button普通按鈕 hidden隱藏域 image圖片提交 readonly=“readonly”只讀 diasable禁用
value:
text password設定預設值
radio checkbox設定選中後提交的值
submit reset button給按鈕取個名字
name:可以將幾個單選框(複選框)設定為一組,要將資訊儲存到伺服器上必須有name屬性
select:格式:
<select name="pro">
<option>黑龍江</option>
</select>
textarea: 文字域
常用屬性:rows行 cols列
提交到伺服器的格式:key=value 對於文字框 密碼框 文字域 手寫內容傳遞過去了但是對於單選框和複選框沒有傳遞過去 需要新增value屬性
預設值:
文字框 密碼框:只需新增value屬性
單選框 複選框:需要新增 checked=“checked”
下拉選:需要新增selected=“selected”
frameset標籤可以定義一個框架集,他被用來組織多個視窗(框架),每個框架存有獨立的文件,在最簡單的應用中frameset僅僅規定在框架集中存在多少行多少列,所以必須要使用 cols屬性或者rows屬性,建議frameset和body不要共存
frame標籤是frameset中的一個特定的視窗(框架)
frame常用屬性:src :規定在框架中顯示文件的URL name:規定該框架的名稱