html与css
2018-10-17 本文已影响0人
RideoCos
-
Part one 常用html标签
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="html">
<meta name="author" content="RideoCos">
<meta name="distribution" content="教程">
<meta http-equiv="refresh" content="30">
<title></title>
</head>
<body>
</body>
</html>
<table border="1" cellspacing="单元个间距" cellpadding="单元格边距">
<caption>表</caption>
<tr height="50"><td width="60"></td><td width="60"></td><td colspan="2"></td><td width="60"></td></tr>
<tr height="25"><td width="60"></td><td width="60"></td><td rowspan="2"></td><td rowspan="2"></td><td width="60" rowspan="2"></td></tr>
<tr height="25"><td width="60"></td><td width="60"></td></td></tr>
<tr height="50"><td width="60"></td><td width="60"></td><td width="60" ></td><td width="60"></td><td width="60"></td></tr>
<tr height="50"><td width="60"></td><td width="60"></td><td width="60" ></td><td width="60"></td><td width="60"></td></tr>
<tr height="50"><td width="60"></td><td width="60"></td><td width="60"></td><td width="60"></td><td width="60"></td></tr>
</table>
<ul id="无序列表"> <ol id="有序列表">
<li>吃饭</li> <li>吃饭</li>
<li>睡觉</li> <li>睡觉</li>
<li>打豆豆</li> <li>打豆豆</li>
</ul> </ol>
<img src="img/IMG_2382.JPG" alt="未加载时的说明" title="鼠标放上去显示的文字"/>
<a href="" target="_blank">链接</a>
<form action="" method="post" name="input">
<!--
form表单标签提交的input标签中含有name属性的标签数据，以name=value的形式进行提交
要提交的input标签必须放在form表单标签内 -->
<span id="">
name:
</span>
<input type="text" name="name" value="" placeholder="输入用户名" maxlength="10"/>
<br />
<span id="">
pawd:
</span><input type="password" name="password" value="" placeholder="输入密码" maxlength="11"/>
<br />
<!--
一组单选里面的name值必须一致
-->
男:<input type="radio" name="sex" id="" value="" checked="checked"/>
<br />
女:<input type="radio" name="sex" id="" value="" />
<br />
<!--
复选框-同一组复选按钮name值必须一样
-->
音乐:<input type="checkbox" name="all" id="" value="" checked="checked"/>
电影:<input type="checkbox" name="all" id="" value="" />
小说:<input type="checkbox" name="all" id="" value="" />
睡觉:<input type="checkbox" name="all" id="" value="" />
<div id="" style="position: relative;right: 88px;">
<br />
<input type="submit" name="" id="" value="提交" />
</div>
<div id="" style="position: relative;left: 88px;bottom: 25px;">
<input type="reset" name="" id="" value="重置" />
</div>
<!--普通按钮-->
<div id="" style="position: relative;right: 40px;">
<input type="button" id="" value="登陆" style="color:brown;"/>
</div>
<div id="" style="position: relative;left: 40px;bottom: 25px;">
<input type="button" id="" value="注册" style="color:coral;"/>
</div>
</form>
<select name="">
<optgroup label="高校1">
<option value="">郫县高级男子技术学院</option>
<option value="">军都山政法干校蓟门桥下岗再就业培训中心</option>
<option value="" selected="selected">五道口职业技术学院</option>
<option value="">中关村应用文理学院</option>
</optgroup>
<optgroup label="高校2">
<option value="">五角场文秘职业技术学院</option>
<option value="">东川路男子职业技术学院</option>
<option value="">磨子桥职业技术学院</option>
<option value="">上海市第一建筑施工队</option>
</optgroup>
</select>
<textarea name="" rows="5" cols="10" maxlength="50" placeholder="就你话多？"></textarea>
<button >注册</button>
<button><img src="img/IMG_2382.JPG" height="10px" width="10px"/></button>
