<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document20181126</title> <link rel="stylesheet" type="text/css" href="mysheet.css"> <link rel="stylesheet" type="text/css" href="mycss.css"> <style type="text/css"> body { margin: 0%; } p{ color: antiquewhite; } span{ color: brown; } div#container{ width: 100%; height: 950px; background-color: aquamarine; } div#header{ widows: 100%; height: 10%; background-color: chocolate; } div#content-menu{ widows: 30%; height: 80%; background-color: blue; float: left; } div#content-body{ width: 70%; height: 80%; background-color: aquamarine; float: left; } div#footing{ width: 100%; height: 10%; background-color: darkgray; clear: left; } </style> </head> <body> <b>欢迎来到我的世界</b><br /> <big>定义大号字体。HTML5已经弃用</big><br /> <i>这是斜体字</i><br /> <h1>css外联样式更改</h1> <p>内部样式表更改样式</p> <a name="dianji" href="https://wwww.baidu.com" style="color:blueviolet">内联样式更改</a> <!-- <br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /> --> <a href="#dianji">点击跳转到内联样式更改</a> <!--以下开始块元素练习--> <div id="divid"> <p>只修改p段落。不修改a标签</p> <a>我是a标签，自己修改颜色</a> </div> <div id="divspan"> <p><span>这是一个测试效果</span>span是一个什么样子的</p> </div> <!--以下开始布局--> <div id="container"> <div id="header">头部</div> <div id="content-menu">内部菜单</div> <div id="content-body">内部主体</div> <div id="footing">底部</div> </div> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>form表单实例</title> </head> <!-- 1.所有提交的内容都要在form表单内 2.所有inputselect extarea 都要有name属性 3.form 里的action填写数据要提交的地址。
4.要有提交按钮， <input type = "submit"> --> <body> <form action="" method="post" enctype="multipart/from-data"> <p>用户名： <input name="username" type="text"> </p> <p>密码： <input name="passworld" type="text"> </p> <p>性别： <input name="gender" type="radio" value="1">男 <input name="gender" type="radio" value="0">女 </p> <p> 爱好： <input name="hobby" type="checkbox">篮球 <input name="hobby" type="checkbox">足球 </p> <select name="" id=""> <optgroup label="北京"> <option value="">丰台</option> <option value="">昌平</option> <option value="">朝阳</option> </optgroup> <option value="">北京</option> <option value="">上海</option> <option value="">山东</option> <option value="">河南</option> </select> <p>图片;<input name="lp" type="file"></p> <input type="submit" value="提交s9"> </form> </body> </html>