课程：孔浩前端视频教程(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. Atitit  如何让精灵控件运动

    Atitit  如何让精灵控件运动 ##让Sushi精灵动起来 上面的代码,我们创建了静态的sushiSprite,现在我们让它动起来.使它从屏幕顶部下落到屏幕底部.在addSushi方法中添加如下代 ...

  2. Asp.net WebApi 项目示例（增删改查）

    1.WebApi是什么 ASP.NET Web API 是一种框架,用于轻松构建可以由多种客户端(包括浏览器和移动设备)访问的 HTTP 服务.ASP.NET Web API 是一种用于在 .NET ...

  3. WebBrowser设置Cookie

    在winform里面经常会用到WebBrowser,这是一个难点就是如何设置cookies,注意,Docment对象是只读的,所以WebBrowser.Docment.cookie也就只有get方法, ...

  4. css 弹出层-透明层

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  5. KnockoutJS 3.X API 第四章 表单绑定(7) event绑定

    目的 event绑定即为事件绑定,即当触发相关DOM事件的时候回调函数.例如keypress,mouseover或者mouseout等 例如: Mouse over me Details var vi ...

  6. Python数据类型之“数字(numerics)”

    上一节内容说的是"Python基本语法",本节主要讲下Python中的数据类型. 存储在内存中的数据通常有两个属性: 在内存中的存放位置:这个存放位置通过变量名可以找到: 在内存中 ...

  7. agularJs 路由

    angularJs的路由方式: 先定义一个模板ng-app-->然后定义路由的规则(routeProvider)在服务config里-->然后通过不同的URL实现 到单页面加载的所需页面的 ...

  8. TSql CTE 递归原理探究

    CTE是如何进行递归的?产生递归的条件有三个,分别是 初始值 自身调用自身 结束递归的条件 1,示例代码 ;with cte as ( as jd union all as jd from cte ) ...

  9. OpenCascade Matrix

    OpenCascade Matrix eryar@163.com 摘要Abstract:本文对矩阵作简要介绍,并结合代码说明OpenCascade矩阵计算类的使用方法. 关键字Key Words:Op ...

  10. Android项目中，在一个数据库里建立多张表

    一,创建一个公共的DBAdapter; 为了在整个程序运行期间调用该公共的数据库,我们定义了一个扩展自Application的CommDB类: 1,创建唯一的数据库: public class Com ...