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>
实现的效果如下