课程：孔浩前端视频教程(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前端基础复习笔记系列 二的更多相关文章

  1. JavaWeb前端基础复习笔记系列 一

    课程:孔浩前端视频教程(CMS内容管理系统case) 1.背景知识 ASPCMS,是一个基于asp的CMS.类似于Jeecms是基于Java的.aspcms:http://www.aspcms.com ...

  2. Java基础复习笔记系列 二

    1.Java中Static的相关用法总结?(静态方法:静态变量:静态代码块) public static void main(String args[])执行的关键,在于有static.有了stati ...

  3. Java基础复习笔记系列 四 数组

    Java基础复习笔记系列之 数组 1.数组初步介绍? Java中的数组是引用类型,不可以直接分配在栈上.不同于C(在Java中,除了基础数据类型外,所有的类型都是引用类型.) Java中的数组在申明时 ...

  4. Java基础复习笔记系列 九 网络编程

    Java基础复习笔记系列之 网络编程 学习资料参考: 1.http://www.icoolxue.com/ 2. 1.网络编程的基础概念. TCP/IP协议:Socket编程:IP地址. 中国和美国之 ...

  5. Java基础复习笔记系列 八 多线程编程

    Java基础复习笔记系列之 多线程编程 参考地址: http://blog.csdn.net/xuweilinjijis/article/details/8878649 今天的故事,让我们从上面这个图 ...

  6. Java基础复习笔记系列 七 IO操作

    Java基础复习笔记系列之 IO操作 我们说的出入,都是站在程序的角度来说的.FileInputStream是读入数据.?????? 1.流是什么东西? 这章的理解的关键是:形象思维.一个管道插入了一 ...

  7. Java基础复习笔记系列 五 常用类

    Java基础复习笔记系列之 常用类 1.String类介绍. 首先看类所属的包:java.lang.String类. 再看它的构造方法: 2. String s1 = “hello”: String ...

  8. Java基础复习笔记系列 三

    前几节都是基础中的基础,从第三讲的笔记开始,每次笔记针对Java的一个知识块儿.  Java异常处理 1.什么是异常? 异常是指运行期出的错误.比如说:除以一个0:数组越界:读取的文件不存在. 异常处 ...

  9. Java基础复习笔记系列 十三 反射机制

    主题:Java反射机制 学习资料参考网址: 1.http://www.icoolxue.com 1.Java反射机制. 各种框架中都使用到了Java的反射机制. 两个类:java.lang.Class ...

随机推荐

  1. EF架构~CodeFirst生产环境的Migrations

    回到目录 Migrations即迁移,它是EF的code first模式出现的产物,它意思是说,将代码的变化反映到数据库上,这种反映有两种环境,一是本地开发环境,别一种是服务器的生产环境,本地开发环境 ...

  2. Atitit 图像处理 常用8大滤镜效果 Jhlabs 图像处理类库 java常用图像处理类库

    Atitit 图像处理 常用8大滤镜效果 Jhlabs 图像处理类库 java常用图像处理类库1.1. 5种常用的Photoshop滤镜,分别针对照片的曝光.风格色调.黑白照片处理.锐利度.降噪这五大 ...

  3. java学习笔记－－this 关键字的理解

    彻底理解this 关键字的含义 this关键字再java里面是一个我认为非常不好理解的概念,:)也许是太笨的原因 this 关键字的含义:可为以调用了其方法的那个对象生成相应的句柄. 怎么理解这段话呢 ...

  4. Win10下PB停在欢迎窗口界面

    问题:Win10下不能打开PB12.5,PB12.6,一直停在欢迎窗口界面. 解决方法:把服务"Touch Keyboard and Handwriting Panel Service&qu ...

  5. 利用border属性制作各种图形。

    这是一个比较正常的 但如果我们把宽度和高度去掉呢? 好像看不太出来对吧,我们来给边框加上不同颜色. 看出啥了没,分明就是每个边都是一个三角形啊. 那假如我想要一个朝下的三角形是不是我只要把border ...

  6. 如何查看某个查询用了多少TempDB空间

        最近帮助客户调优的过程中,发现客户的TempDB存在非常大的压力,经过排查是发现某些语句对TempDB的巨量使用所导致.     在SQL Server中,TempDB主要负责供下述三类情况使 ...

  7. 信息加密之非对称加密DH算法

    非对称加密算法是相对于对称加密算法来说的,对于对称加密算法请查阅之前的总结,今天为大家介绍一下DH算法,DH是一种密钥交换算法,接收方根据发送方加密时的密钥,生成接收方解密密钥.下面就一起来学习一下吧 ...

  8. [Qt5] Develop openCV3 by QML on Qt-creator

    QML的酷炫控件,适合移动设备开发. qt-creator的跨平台是QML与opencv的粘合剂. 关键: QImage有若干种格式,转化为相应的Mat. Mat处理完后,还要正确得还原为原来格式的Q ...

  9. mac＋apache+php+phpmyadmin集成php开发环境配置

    刚开始才接触php才发现macos还是比较强大了,macbook不仅是时尚达品还很实用哦. --------------他山之石-------------------------- http://da ...

  10. JavaScript 回忆录

    作者:禅楼望月(http://www.cnblogs.com/yaoyinglong) 1. 基本类型和应用类型 1.1 复制变量值的不同 值类型的变量在复制变量值后互不影响,因为值类型本身保存的就是 ...