HTML标签（二） 

 1 <html>
 2     <head>
 3         <title>这是一个form</title>
 4         <style type="text/css">
 5             .x{color:red;font-size=20}
 6             #redp{color:red;font-size=20}
 7         </style>
 8     </head>
 9     <body>
10         <form action="http://www.bilibili.com" method="post">
11             <p align=center id=redp>
12             欢迎来到Web开发技术的考试现场
13             <br>
14             <hr size=5 color=red width=300>
15             </p>
16             <p align=center>
17             单选框
18             <hr size=3 width=50 color=black>
19             </p>
20             <p align=center>
21             <input type=radio name="in">男&nbsp&nbsp
22             <input type=radio name="in">女&nbsp&nbsp
23             </p>
24             <p align=center>
25             留言板
26             <hr size=3 width=50 color=black>
27             </p>
28             <p align=center>
29             <textarea name="留言板" rows=5 cols=30>这里写入文字</textarea>
30             </p>
31             <p align=center>
32             下拉列表
33             <hr size=3 width=50 color=black>
34             </p>
35             <p align=center>
36             <select name="下拉框" size=1>
37             <option>腾讯
38             <option>华为
39             <option>海康威视
40             </select>
41             </p>
42             <p align=center>
43             <input type=submit value="提交">
44             <input type=reset value="重填">
45             </p>
46         </form>
47 
48         <p align=center>
49         <font face="隶书" size=10 color=yello>再来测试一下超链接</font><br>
50         <a href="http://baidu.com" target="_blank">
51         <font face="行书" size=5 color=green>
52         百度一下
53         </font>
54         </a>
55         </p>
56         <p align=center>
57         <font face="微软雅黑" size=5 color=grey>
58         再来个表格吧
59         </font>
60         </p>
61         <p align=center>
62         <table border=10 bgcolor=red>
63         <tr><th>姓名</th><th>笔试成绩</th><th>是否通过</th></tr>
64         <tr bgcolor=grey><td>程雨轩</td><td>59</td><td>否</td></tr>
65         <tr bgcolor=grey><td>yoci</td><td>20</td><td>否</td></tr>
66         <tr bgcolor=green><td rowspan=2>黑色玫瑰</td><td>90</td><td>是</td></tr>
67         </table>    
68         </p>
69     
70     </body>
71 </html>

效果：

 

posted @ 2019-04-29 16:23  yocichen  阅读(127)  评论(0)    收藏  举报