zoukankan      html  css  js  c++  java
  • 【HTML/XML 1】HTML 速成总结

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

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

  • 相关阅读:
    NOI2021 题解
    CF605E Intergalaxy Trips
    P4762 [CERC2014]Virus synthesis
    特征向量与特征值
    uoj
    NOI 2021
    [NOI2011] NOI 嘉年华 【DP】
    CF1264D(组合数)
    绝对不咕
    题解 SP11985 【GOT
  • 原文地址:https://www.cnblogs.com/hhx626/p/6010438.html
Copyright © 2011-2022 走看看