重温HTML

1.HTML主要标签
a.标题标签：

<h1>-<h6>逐渐减小
特点：加粗，加黑，单独占用一行，与其他行有一定行间距 

b.注释<!-- -->
c.段落标签：<p></p>
d.字体标签：<font color=" " size =" " face ="楷体" ></font>
e.图片标签：<img src="../../img/logo2.png" alt="logo图片" width=" px" height=" px"/>
f.无序列表：

<ul>
<li><a href="a.html"></a><li>
<li><a href="a.html"></a><li>
<li><a href="a.html"></a><li>
</ul>

g.表格：

<table border="1px" width="400px" height="400px" align="center" bgcolor="chartreuse" cellspacing="0px" cellpadding="0px">
            <tr height="200px" bgcolor="chocolate">
                <td>1</td>
                <td>2</td>
                <td>3</td>
            </tr>
</table>

h.描述：cellspacing ：设置边框和边框之间的间距 cellpadding：设置边框和内容之间的属性
colspan:跨列 colspan：跨行
i.空格： 
j.框架：

<frameset rows="20%,*">
        <frame src="top.html" />
        <frameset cols="40,*">
            <frame src="left.html" />
            <frame name="right" />     name的值为下面target的值
        </frameset>
    </frameset>
    <a href="right.html" target="right">会员管理</a>  <br />

2.案例：一个注册表单的书写

<form action="#" method="get">
            隐藏字段：<input type="hidden" name="id" value=""/><br />
            用户名：<input type="text" name="username"  value="zhangsan" readonly="readonly"  
            placeholder="请输入用户名" maxlength="5"/> <br />
            密码:<input type="password" name="password" required="required" /><br />
            确认密码：<input type="password" name="repassword"/><br />
            Email：<input type="text"/><br />
            性别：<input type="radio" name="sex" value="男" />男
                  <input type="radio" name="sex"  value="女" checked="checked"/>女<br />
            爱好：<input type="checkbox" name="hobby" value="钓鱼"/>钓鱼
                  <input type="checkbox" name="hobby"  value="遛狗" checked="checked"/>遛狗<br />
            头型：<input type="file" name="file"/><br />
            籍贯：<select name="province">
                    <option>请选择</option>
                    <option value="北京" selected="selected">北京</option>
                    <option value="上海">上海</option>
                    <option value="广州">深圳</option>
                </select><br/>
                自我介绍：<textarea name="textarea">

                   </textarea><br />
                提交：<input type="submit" value="注册"/>    <br />
                普通按钮：<input type="button" value="zhuce" /> <br />
                重置：<input type="reset" value="重置" /><br />
</form>

实现的效果如下