收藏
批改狀態(tài)：合格
老師批語(yǔ)：加油
默寫HTML的文檔結(jié)構(gòu)
<!DOCTYPE HTML> <!-- HTML聲明 --> <html lang="en"> <head> <meta charset="UTF-8"> <!-- 規(guī)定HTML文檔的字符編碼 --> <title>網(wǎng)頁(yè)標(biāo)題</title> </head> <body> <!-- 此處為網(wǎng)站的內(nèi)容 --> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例
實(shí)例演示無(wú)序列表的基本使用 點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例 實(shí)例演示表格的用法以及行列合并的應(yīng)用 實(shí)例演示表格的用法以及行列合并的應(yīng)用 點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例 實(shí)例演示表單以及常用控件元素的 點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例 使用實(shí)例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>無(wú)序列表</title>
</head>
<body>
<ul>
<li>這里是一</li>
<li>這里是二</li>
<li>這里是三</li>
<li>這里是四</li>
<li>這里是五</li>
</ul>
</body>
</html>
運(yùn)行實(shí)例 ?實(shí)例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>無(wú)序列表</title>
</head>
<body>
<table border="1" width="500">
<caption>購(gòu)物清單</caption>
<!-- <thead> -->
<tr><!-- 第一行 -->
<td rowspan="3">購(gòu)物車</td>
<td>名稱</td>
<td>數(shù)量</td>
<td>單價(jià)</td>
<td>小計(jì)</td>
</tr>
<!-- </thead> -->
<!-- <tbody> -->
<tr><!-- 第二行 -->
<td>雞蛋</td>
<td>10</td>
<td>￥1.0</td>
<td>￥10元</td>
</tr>
<tr><!-- 第三行 -->
<td>火腿腸</td>
<td>5</td>
<td>￥1.0</td>
<td>￥5元</td>
</tr>
<!-- </tbody> -->
<!-- <tfoot> -->
<tr><!-- 第四行 -->
<td colspan="4" align="center">總計(jì)</td>
<td>￥15元</td>
</tr>
<!-- </tfoot> -->
</table>
</body>
</html>
運(yùn)行實(shí)例 ?實(shí)例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表單</title>
</head>
<body>
<h3>用戶注冊(cè)</h3>
<form action="" method="GET" name="registered">
<P>
<label for="username">賬號(hào)：</label>
<input type="text" name="username" id="username">
</P>
<p>
<label for="password">密碼：</label>
<input type="password" name="password" id="password">
</p>
<p>
<label for="email">郵箱：</label>
<input type="email" name="email" id="email" placeholder="examlp@mail.com" >
</p>
<p>
<label for="age">年齡：</label>
<input type="number" name="age" id="name" >
</p>
<p>
<label for="birthday">生日：</label>
<input type="date" name="birthday" id="birthday">
</p>
<p>
<label for="lanqiu">愛好：</label>
<input type="checkbox" name="hobby[]" value="lanqiu" id="lanqiu" checked>
<label for="lanqiu">打籃球</label>
<input type="checkbox" name="hobby[]" value="read" id="read" >
<label for="read">看書</label>
<input type="checkbox" name="hobby[]" value="football" id="football" >
<label for="football">踢足球</label>
</p>
<p>
<label for="man">性別：</label>
<input type="radio" name="xingbie" id="man" value="man">
<label for="man">男</label>
<input type="radio" name="xingbie" id="woman" value="woman">
<label for="woman">女</label>
</p>
<p>
<label for="beizhu">備注：</label>
<textarea name="beizhu" id="beizhu" cols="30" rows="10" maxlength="50" placeholder="不超過(guò)五十個(gè)字符" ></textarea>
</p>
<p>
<input type="submit" name="tijiao" value="提交注冊(cè)">
<input type="reset" name="reset" value="重置">
</p>
</form>
</body>
</html>
運(yùn)行實(shí)例 ?
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)