JavaWeb前端基础复习笔记系列 二

课程:孔浩前端视频教程(JavaScript系列:1~5讲)

 

<html>
    <head>
    <title></title>  
<!--html只负责显示,不涉及逻辑控制和样式设计(需深度理解)-->
    <meta name="Generator" content="Sublime"></meta>
<!--提供有关页面的元信息,如针对搜索引擎和更新频度的描述和关键词;meta中的元数据总是以名称/值的形式对称传递。英语中含义:元、初始的。-->
    <meta name="Author" content="">
    <meta name="Keywords" content="国务院"></meta>
<!--帮助搜索引擎爬虫快速获取网页。-->
    <meta name="Description" content="">
<!--检索的时候,会检索页面的这个标签。-->
    </head>
    <body>
        <br/> <!--自结束标签,表示换行,上面一个空行-->
        <p align="center"></p> 
<!--也可以实现换行,前面一个空行;后面一个空行;段落-->
        <h1></h1> <!--加粗;加大;标题;这部分依旧保留使用-->
        <ul> <!--unOrder list;点;点;点;点-->
            <li></li> <!--list-->
        </ul>
        <ol> <!--Order list;1.2.3.4-->
            <li></li> <!--list-->
        </ol>
        <ul>
            <li>
                <ul>
                    <li></li>  
<!--可以嵌套;html只负责显示,会显示所有内容,但不负责绚丽的展示-->
                </ul>
            </li>
        </ul>
        <font></font> <!--这类font color标签已淘汰-->
        <dl> 
<!--data list;结合了dd dt展示列表中的项目;可以用来替换h1和ul标签;提供了数据列表显示的功能-->
            <dt></dt> <!--data title-->
            <dd></dd> <!--data destcription-->
        </dl>
        <!---->   <!--注释标签-->
        <pre></pre>
<!--保留被包围部分的空格和换行符且文本也会呈现等宽字体;常用来显示计算机的源代码;最好只用于显示代码,换行等不要放在其中来展示-->
        i&lt;10  i&gt;15 
<!--将<>这两个大小比较符与标签符号区别开。&是转义字符,lt less than;gt great than;记得加封号--><!--&lt;  &gt;-->
        &nbsp; <!--空格-->
        &copy; <!--copy的符号;是&;表示版权符号的特俗符号 圈中有个C-->
        &amp;  <!--专门用于输出&符号;因为在html中,&常被用作转义字符-->
        <a href="" target="_blank" title=""></a> 
<!--超链接;target表示在新标签页中打开_self或_blank;title是悬浮显示内容-->
        <marquee direction="" scrollamount="" onmounseover="this.stop()" onmouseout="this.start()"></marquee> <!--默认从右往左飘;left right up down;scrollamount滚动速度调节;onmouseout控制点就停离开就走的功能-->
        <img src="" width="" height="" alt="搞笑" title="宁波"/>
 <!--src来源;width height控制尺寸;alt和title控制让搜索引擎检索-->
        <!--div和span标签一般用来进行容器的控制。在实际开发中,通常使用div来设定一个容器,这个容器中可以放置大量的内容,span标签一般用来放置文本数据,用来尽心简单的控制-->
        <div>    <!--布局标签;一块大容器,有换行-->
            <span></span> <!--小容器,不换行-->
        </div>
        <!--一个简单的表格由table tr td(table data)三大部分组成;还有两个专门用来做样式控制的标签thead tbody-->
        <table width="" boder=""> <!--border边框-->
            <tr>  <!--tr table row;一行-->
                <td colspan=""></td>  
<!--table data;行内数据;colspan表示合并单元格-->
            </tr>
        </table>
        <!--一般表格;合并单元格;表格的嵌套-->
        <table>
            <tr>
                <td colspan="3"> <!--表格的嵌套-->
                    <table><tr><td></td></tr></table>
                </td>
            </tr>
        </table>
        <!--表格的综合练习-->
        <table>
            <tr>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td>
                    <table width="900" height="800">
                        <tr valign="top"> <!--顶端对齐-->
                            <td width="200"> 
                                                        <table>。。。    </table></td>
                            <td width="600">
                                                        <table>。。。</table></td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td>&copy;</td>
            </tr>
        </table>
<!--表单:用于填数据;所有的表单标签原则上都要放置在form标签内;form input标签-->
        <form action="">  <!--表单用于填数据;表格用于显示数据-->
            UserName:<input type="text"/><br/>
            Password:<input type="password"/><br/>
            <input type="submit" value="login account"/>
            <input type="button" value="just try it"/>
<!--当name相同时,表示是单元按钮;录音机按下一个键,其他都被弹起来了-->
            Sex:<input type="radio" value="M"/ name="sex">M
                <input type="radio" value="F"/ name="sex">F
            <!--复选框按钮-->
            Interests:<input="checkbox"/> basketball
                    <input="checkbox" /> Football
            <!--下拉列表框-->
            Orignal:<select>
                        <option>Beijign</option>
                        <option>Shanghai</option>
                        <option>NingBo</option>
                    <select><br/>
            <!--常用的文本框-->
            Self-Introduce:<textarea cols="" rows=""></textarea>
        </form>
    </body>
    <!--没有CSS的样式,内容还是都一样的都有的.内容有HTML控制,css控制样式-->
    <!--分析网页的,整体的大的格局和布局-->
</html>        

 

1、

2、

3、

你可能感兴趣的:(javaweb)