【HTML/XML 1】HTML 速成总结

来源：互联网发布：js跨域请求编辑：程序博客网时间：2024/06/09 17:11

导读：反反复复的看完了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样式表进行设置。

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

0 0