<!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.所有input\select\textarea 都要有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>
