目录
CSS----cascade style sheet    2
ul  li  无须清单列表    2
ol    li  有序清单列表    2
Form表单    2
text单行文本框    2
TextArea多行文本框    3
Select单选下拉框    3
Select多选下拉框    3
RadioButton单选按钮（选框是圆形的）    4
CheckBox多选组合框（选框是方形的）    4
File类型输入框，如上传文件、图像之后的文本框    4
隐藏标签Hidden    4
大于、小于、空格    4
href超链接    5
在一个页面的不同部分做超链接    5
Table中跨行或者跨列    5
在Html页面中引入一个css样式    5
在超链接中添加javascript来控制连接的转向    5
Button及自定义Button    6
在按钮上添加一个图片    6
CSS----cascade style sheet
ul  li  无须清单列表
<ul>
    <li><a href=”#”>首页<li>
    <li><a href="#">博客</a></li>
    <li><a href="#">财经</a></li>
    <li><a href="#">新闻</a></li>
    <li><a href="#">关于我们</a></li>
</ul>
ol    li  有序清单列表
<ol>
    <li></li>
    <li></li>
</ol>
Form表单
<form  action=”” method=””>
    <input  type=”submit” value=”注册”>
    <input  type=”reset” value =”重置”>
</form>
text单行文本框
<input type=”text”name=”username”value=”default”
size=”5” maxlength=”5”>
<input type=”password”name=”pwd”value=”default”
maxlength=”5”>
TextArea多行文本框
<textarea name=”content” cols=”10” rows=”15”>default
</textarea>
Select单选下拉框
<select name="degree">
        <option value="d01" selected=”selected”>中学</option>
        <option value="d02">专科</option>
        <option value="d03">本科</option>
        <option value="d04">硕士</option>
</select>
Select多选下拉框
多选框(size 表示 初始化时显示在外面的选项数量。不是最多选3个的意思)
<select name="favourateColor" size="3" multiple="multiple">
        <option value="c1" selected=”selected”>红</option>
        <option value="c2">黄</option
html单行文本框代码怎么写        <option value="c3">蓝</option>
        <option value="c4">绿</option>
        <option value="c5">青</option>
</select>
RadioButton单选按钮（选框是圆形的）
通过name区别，name相同被认为是一组，是单选的。
<input type="radio" name="sex" value="male"
checked="checked"/>男
<input type="radio" name="sex" value="female" />女
CheckBox多选组合框（选框是方形的）
通过name区别，name相同的一组checkbox，被认为是一组。可多选
<input type="checkbox" name="music" value="10001" />天上人间
<input type="checkbox" name="music" value="10002" />荷塘月
<input type="checkbox" name="music" value="10003" />
<input type="checkbox" name="music" value="10004" />家军朋
File类型输入框，如上传文件、图像之后的文本框
<input type="file" name="headpic"/>
隐藏标签Hidden
<input type ="hidden" name="key” value="value"/>
大于、小于、空格
大于：>
小于：<
空格： 
href超链接
<a href="www.baidu" target="_blank">百度首页</a>
        浏览器会新开一个窗口来显示baidu
<a href="www.baidu" target="_self">百度首页</a>
        浏览器在当前窗口来显示baidu
<a href="www.sohu" target="new_browser_window"> 搜狐</a>也是在浏览器新窗口打开
如果不写target，默认是在当前窗口。
在一个页面的不同部分做超链接
标记点
<a name="target_anchor"></a>
回到标记点
<a href="#target_anchor">回到顶部</a> #是必须的，不可省
Table中跨行或者跨列
<td>1</td>
    <td rowspan="2">500</td> 跨两行
    <td colspan="3">物品</td> 跨三列
在Html页面中引入一个css样式
<link rel="stylesheet" type="text/css" href="page.css"/>
在超链接中添加javascript来控制连接的转向
<a href ="javascript:;" onclick="goTo(url)">网易</a>
Button及自定义Button
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
<input type="button" value="普通按钮"/>
在按钮上添加一个图片
<button type="submit"><img src="img/next.jpg"></button>
<input type="button" value="退出系统"
onclick="location='logout.do'"/>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。