1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 </head>
7 <body>
8 大于号：><br>
9 小于号：<<br>
10 &字符：&<br>
11 空格：12 34<br>
12 空白位：12 34<br>
13 版权号：©<br>
14 </body>
15 </html>
![]()
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <style>
7 table{
8 border-collapse: collapse;
9 }
10 </style>
11 </head>
12 <body>
13 <table border="1">
14 <thead>
15 <tr>
16 <th>name</th>
17 <th>age</th>
18 <th>gender</th>
19 </tr>
20 </thead>
21 <tbody>
22 <tr>
23 <th>小白</th>
24 <th>18</th>
25 <th rowspan="2">女</th>
26 </tr>
27 <tr>
28 <th>小泼</th>
29 <th>18</th>
30 <!--<th>女</th>-->
31 </tr>
32 <tr>
33 <th>小明</th>
34 <th colspan="2">保密</th>
35 <!--<th>男</th>-->
36 </tr>
37
38 </tbody>
39 </table>
40 </body>
41 </html>
![]()
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <style>
7 textarea{
8 resize: none;
9 }
10 </style>
11 </head>
12 <body>
13 <form action="">
14 <p>用户名：<input type="text" name="username" placeholder="请输入用户名"></p>
15 <p>密 码：<input type="password" name="pwd" placeholder="请输入密码"></p>
16 <p>性 别:
17 <input type="radio" name="gender" id="male"><label for="male">男</label>
18 <input type="radio" name="gender" id="female"><label for="female">女</label>
19 <input type="radio" name="gender" id="secrete"><label for="secrete">保密</label>
20 </p>
21 <fieldset>
22 <legend>兴趣</legend>
23 <p>
24 爱 好:
25 <input type="checkbox" name="hobby" id="book" checked><label for="book">看书</label>
26 <input type="checkbox" name="hobby" id="game"><label for="game">打游戏</label>
27 <input type="checkbox" name="hobby" id="shop"><label for="shop">购物</label>
28 <input type="checkbox" name="hobby" id="swim" disabled><label for="swim">游泳</label>
29 <input type="checkbox" name="hobby" id="sleep"><label for="sleep">睡觉</label>
30
31 </p>
32 </fieldset>
33 <p>
34 上传头像：<input type="file" name="avatar">
35 </p>
36 <p>
37 <label for="address">地址：</label>
38 <select name="address" id="address" size="3">
39 <option value="1">武汉</option>
40 <option value="2">长春</option>
41 <option value="3">德清</option>
42 <option value="4">杭州</option>
43 <option value="5">长沙</option>
44 <option value="6">成都</option>
45
46 </select>
47 </p>
48 <p>
49 <label for="personal">个人简历: </label> <textarea name="personal" id="personal" cols="30" rows="10"></textarea>
50 </p>
51 <p><input type="submit" value="提交">   <input type="reset" value="重置"></p>
52 </form>
53 </body>
54 </html>
![]()
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 <style>
7 div{
8 display: inline-block;
9 }
10 </style>
11 </head>
12 <body>
13 <h1>延禧攻略 <span>(2018)</span></h1>
14 <div>
15 <img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2509891341.webp" height="400">
16 </div>
17 <div>
18 <p><span>导演：</span><a href="https://movie.douban.com/celebrity/1383653/">惠楷栋 / </a><a href="https://movie.douban.com/celebrity/1340789/">余德光</a></p>
19 <p><span>编剧：</span><a href="https://movie.douban.com/celebrity/1398192/">周末</a></p>
20 <p><span>主演: </span><a href="javascript:void(0)"> 秦岚 / 聂远 / 佘诗曼 / 吴谨言 / 许凯 / 更多...</a></p>
21 <p><span>类型: </span><a href="javascript:void(0)">剧情 / 爱情 / 古装</a></p>
22 <p><span>制片国家/地区: </span><a href="javascript:void(0)">中国大陆</a></p>
23 <p><span>语言: </span><a href="javascript:void(0)">汉语普通话</a></p>
24 <p><span>首播: ：</span><a href="javascript:void(0)">2018-07-19(中国大陆)</a></p>
25 <p><span>集数: </span><a href="javascript:void(0)">70</a></p>
26 <p><span>单集片长: </span><a href="javascript:void(0)">45分钟</a></p>
27 <p><span>又名: </span><a href="javascript:void(0)">Story of Yan Palace</a></p>
28 <p><a href="https://www.iqiyi.com/v_19rr2aesjs.html?vfm=m_331_dbdy">播放地址</a></p>
29 </div>
30 </body>
31 </html>
![]()
浙公网安备 33010602011771号