構(gòu)建簡(jiǎn)單的html網(wǎng)頁(yè)界面
時(shí)間:2023-07-25 10:18:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2023-07-25 10:18:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
構(gòu)建簡(jiǎn)單的html網(wǎng)頁(yè)界面:學(xué)了簡(jiǎn)單的html 以后 :
一.1.框架結(jié)構(gòu)必須記熟!
<!DOCTYPE html>
<html Lang=“ en”>
<head>
<meta char set=“utf-8”>
</head>
<body>
</body>
</html>
2.記住單雙標(biāo)簽
?尤其不要忘記單標(biāo)簽的最后的斜杠!
(例如:<a/><input/><img/><hr/><br/>等)
不要忘記最后的/
不要忘記最后的/
不要忘記最后的/
(重要的事情說(shuō)三遍!)
3.這個(gè)表格用到的標(biāo)簽
<table>表格標(biāo)簽
<caption>表格標(biāo)題標(biāo)簽
<tr>表格行標(biāo)簽
<td>單元格標(biāo)簽
input控件:<input type=“ 屬性值 ” value=“” name=“” checked=“checked”/> (單標(biāo)簽,最后的斜杠不要忘記了!)
<select>下拉菜單 自帶<option>
格式為:
<select>
<option></option>
<option></option>
</select>
<textarea>文本域 (可輸入多行,用于留言板類的)
<a>鏈接標(biāo)簽
<ul>無(wú)序列表 自帶<li>
格式為:
<ul>
<li></li>
<li></li>
</ul>
3.input 控件里的屬性和屬性值(重點(diǎn))
type屬性里包含:屬性值有
text- 單行文本輸入框/文本框
Password -密碼輸入框
radio-單選按鈕
checkout -復(fù)選框按鈕(可重復(fù)選)
button -普通按鈕(需填寫value值)例如:獲取短信驗(yàn)證碼
submit -提交按鈕
reset-重置按鈕
Image-圖像形式的提交按鈕(里面必須包含arc屬性)
file-文本域 (上傳文件用的)例如:上傳頭像
name屬性:用來(lái)區(qū)別不同的表單 讓后臺(tái)可以通過(guò)這個(gè)name屬性找到這個(gè)表單 ;設(shè)置相同的name屬性值在一組radio單選按鈕里,這樣可以多個(gè)選其中的一個(gè)
如果默認(rèn)選中用checked=“checked”