<!DOCTYPE html><head><!-- <style>
p {color:sandybrown}
#div {color:sienna;width:80%;border-bottom:#f0f0f0 solid 2px;margin:5px;background-color:skyblue}
.out-of-order {color:slateblue;border-bottom:springgreen solid 3px;background-color:steelblue;width:50%;margin-left:30px}
ul li {color:teal;background:violet;border-bottom:#f0f0f0 solid 3px;}
/* ol > li {color:bisque;margin-left:50px;font-size:70px;}
li + li {color:brown;font-size:50px;margin-left:50px;background-color:#f0f0f0} */
ul li,li+li,p,form {color:chocolate;width=50%;background-color:cornflowerblue}
</style> --><linkrel="stylesheet"href="CSS.css"></head><body><h1>简介</h1><pid="p"name="p">
段落,默写测试html
</p><h2>图层</h2><divid="div"name="div"class='div'>
图层效果
</div><h2class='out-of-order'>无序列表</h2><ul><li>无序</li><li>无序</li></ul><h2>有序列表</h2><ol><li>有序</li><li>有序</li></ol><h2>图片</h2><imgsrc="D://1Face_To_Face/前端技术/JavaScript/"alt="加载失败"><h2>链接</h2><ahref="http://www.baidu.com"target="_blank"onclick="onkeypress">百度链接</a><h2>表格</h2><tableborder='1'style="border-color: saddlebrown;"><tr><th>标题一</th><th>标题二</th></tr><tr><td>两行三列</td><td>两行三列</td><td>两行三列</td></tr></table><formaction=""method="POST"enctype="application/x-www-form-urlencoded">
用户名<inputtype='text'placeholder="用户名"name='user'>
密码<inputtype="password"placeholder="请输入密码"name="password"id='password'><inputtype="radio"name="radio"id="radio"value="M">男
<inputtype="radio"name="radio"id="radio"checkedvalue="F">女
<inputtype="submit"value="提交"><inputtype="reset"value="重置"><inputtype="button"value="按钮"><inputtype="hidden"value="hidden"></form></body>
CSS外联
p{color:sandybrown}#div{color:sienna;width:80%;border-bottom:#f0f0f0 solid 2px;margin:5px;background-color:skyblue}.out-of-order{color:slateblue;border-bottom:springgreen solid 3px;background-color:steelblue;width:50%;margin-left:30px}ul li{color:teal;background:violet;border-bottom:#f0f0f0 solid 3px;}/* ol > li {color:bisque;margin-left:50px;font-size:70px;}
li + li {color:brown;font-size:50px;margin-left:50px;background-color:#f0f0f0} */ul li,li+li,p,form{color:chocolate;width=50%;background-color:cornflowerblue}li{color:bisque;margin-left:50px;font-size:70px;}li + li{color:brown;font-size:50px;margin-left:50px;background-color:#f0f0f0}*/
ul li,li+li,p,form{color:chocolate;width=50%;background-color:cornflowerblue}