重温HTML

    xiaoxiao2021-04-14  89

    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>

    实现的效果如下

    转载请注明原文地址: https://ju.6miu.com/read-670277.html

    最新回复(0)