3.2

今天完成了php作业，上学期虽然考试内容中也有html的相关知识，但并没有系统的学习关于html的各个详细知识点，只是学习简单的表格制作，php课程从html开始学习，对html的了解更多了，相比上学期的学习，学会了在各标签中加入不同的属性值，使表单呈现出更多不同的形式。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据表</title>
</head>
    <table width=50%>
        <caption>数据表</caption>
        <thead style="background :#OFF">
            <tr> <th>地区</th><th>1月</th><th>2月</th><th>3月</th><th>小计（RMB）</th></tr>
        </thead>
        <tbody style="background:#9CC">
            <tr> <td>北京</td>
                <td>10</td>
            <td>10</td>
            <td>50</td>
            <td>70</td></tr>
            <tr> <td>上海</td>
                <td>20</td>
            <td>30</td>
            <td>70</td>
            <td>120</td></tr>
            <tr> <td>天津</td>
                <td>30</td>
            <td>40</td>
            <td>80</td>
            <td>150</td></tr>        
        </tbody>
        <tfoot style="background:#FF0">
            <tr> <td>总计（RMB）</td><td>60</td>
            <td>80</td>
            <td>200</td>
            <td>240</td></tr>
        </tfoot>
    </table>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品分类</title>
</head>
<body>
    <table>
        <tr>
            <td colspan="4"><img src="D:\php\img\image\catlist_bg.gif" alt="alt"/></td>
        </tr>
        <tr>
            <td colspan="2"><h3>商品图片</h3></td>
            <td><h3>商品名称/卖家</h3></td>
            <td><h3>价格</h3></td>
        </tr>
        <tr>
            <td rowspan="3"><input name="选择" type="radio"/></td>
            <td rowspan="3"><img src="D:\php\img\image\list3.jpg" alt="alt"/></td>
            <td>三国群英传免费区</td>
            <td>一口价</td>
        </tr>
        <tr><td>卖家：lingture</td><td>283.30</td></tr>
        <tr>
            <td><img src="D:\php\img\image\contactme.gif" /><img src="D:\php\img\image\list_tool_fav1.gif" />收藏</td>
        </tr>
        <tr>
            <td rowspan="3"><input name="选择" type="radio"/></td>
            <td rowspan="3"><img src="D:\php\img\image\list1.jpg" alt="alt"/></td>
            <td>三国群英传免费区</td>
            <td>一口价</td>
        </tr>
        <tr><td>卖家：蓝天</td><td>486.00</td></tr>
        <tr>
            <td><img src="D:\php\img\image\contactme.gif" /><img src="D:\php\img\image\list_tool_fav1.gif" />收藏</td>
        </tr>

    </table>
</body>
</html>

<!DOCTYPE html
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简易求职表</title>
</head>
<body> 
    <form>
    <h2>申请表</h2>
    <p>姓名：<input name="姓名" type="hidden" value="杨佩" size="20"</p>
    <p>密码：<input name="密码" type="password" size="20"</p>
    <p>照片：<br/>
        <input type="file" name="files"/></p>
             <p>感兴趣的职位<br/>
                   <p><input name="职位" type="radio" checked="none">Web设计
              <input name="职位" type="radio" checked="checked">Web开发</p>
            <p>向往的城市：
            <p><select name="城市" >
                <option value="" selected="selected">请选择</option>
                <option value="0">北京 </option>
                <option value="1">上海 </option>
                <option value="2">香港 </option>
                <option value="3">澳门 </option>
            </select></p>
            协议：
         <br/><textarea name="协议" cols="40" row="60">求职信息必须真实、准确、本网站只负责向企业推荐</textarea>
        <br/>
        <input name="agree" type="checkbox"/>我认真阅读并接受以上协议。
             <br/>经验:
             <select name="经验" >
                 <option value="0" selected="selected">无经验</option>
                 <option value="1" >有经验</option>
             </select>            
            <br/>
                   <input type="submit" value="提交" disabled="disabled"/>
                   <input type="reset" value="重置"/>
                   <br/>
              
</form>        
</body>
</html>

 

posted @ 2022-03-02 22:54  _Pi  阅读(111)  评论(0)    收藏  举报