导读:反反复复的看完了HTML的速成材料,前面学习了牛腩,所以这块知识只能是作为一种旧知识的复习。和机房重构时的SQLHelper一样,刚开始都是稀里糊涂的用了,后面系统的学习后,才知道为什么要那样用。下面说一下,视频中讲解的知识。


一、总体概览


说明:视频先是介绍了两本书,呃,也可以算是辅助学习的。详细介绍了书的内容体系。然后,开始了HTML的讲解,主要讲解了元素、标签和表单。


二、细化分析

1,HTML框架


2,与段落控制有关的介绍


3,与文本有关的介绍



三、应用实例

1,代码

<span style="font-size:18px;"><span style="font-family:KaiTi_GB2312;font-size:24px;"><html>
<head><title>HHX表单例子</title></head>
<body>
    <form method="get" action="reg.jsp">
        <table>
            <tr>
                <td>用户名:</td>
                <td>
                    <input type="text" name="user" value="游客" size="23" /><br />
                    <br />
                </td>
            </tr>

            <tr>
                <td>用户密码:</td>
                <td>
                    <input type="password" name="pwd" /><br />
                    <br />
                </td>
            </tr>

            <tr>
                <td>性别:</td>
                <td>
                    <input type="radio" name="sex" value="1" checked />男
            <input type="radio" name="sex" value="0" />女<br />
                    <br />
                </td>
            </tr>

            <tr>
                <td>兴趣爱好 :</td>
                <td>

                    <input type="checkbox" name="interest" value="footbal" />足球
            <input type="checkbox" name="interest" value="basketball" />蓝球
            <input type="checkbox" name="interest" value="volleball" />排球<br />
                    <br />
                </td>
            </tr>

            <tr>
                <td>最高学历:</td>
                <td>
                    <select size="1" name="education">
                        <option value="高中">高中</option>
                        <option value="大学">大学</option>
                        <option value="硕士">硕士</option>
                        <option value="博士">博士</option>
                        <option value="教授">教授</option>
                    </select><br />
                    <br />
                </td>
            </tr>

            <tr>
                <td valign="top">个人简介:</td>
                <td>
                    <textarea name="personal" rows="5" cols="30">个人简介</textarea><br />
                    <br />
                </td>
            </tr>
            <tr>
                <td >  <input type="reset" value="重写" /></td>
                <td > <input type="submit" value="注册" /></td>
            </tr>
        </table>


    </form>
</body>
</html>
</span></span>


2,效果


四、学习感受

在实现的过程中,可能是由于视频的讲解时间太早了,里面讲的有些东西,比如时候:与段落和文本相关的元素,在现在用的时候,虽然也可以运行出结果,但是在代码中会出现异常。查过资料后,才知道是过时,通过CSS样式表进行设置。

要是没有之前的牛腩学习,现在看这个可能也会很云里雾里。但看过这个之后在想,这个远比牛腩实例要简单,都是一些基础的知识,为什么不是先学这个呢?

posted on 2015-04-15 21:06  何红霞  阅读(222)  评论(0编辑  收藏  举报