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

时间：2023-03-09 20:20:21
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、

相关文章