课程：孔浩前端视频教程(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. javaweb学习总结—Apache的DBUtils框架学习

    注明: 本文转载自http://www.cnblogs.com/xdp-gacl/p/4007225.html 一.commons-dbutils简介 commons-dbutils 是 Apache ...

  2. KnockoutJS 3.X API 第二章 数据监控(1)视图模型与监控

    数据监控 KO的三个内置核心功能: 监控(Observable)和依赖性跟踪(dependency tracking) 声明绑定(Declarative bindings) 模板(Templating ...

  3. JavaScript实现DDoS攻击原理，以及保护措施。

    DDos介绍 最普遍的攻击是对网站进行分布式拒绝服务(DDoS)攻击.在一个典型的DDoS攻击中,攻击者通过发送大量的数据到服务器,占用服务资源.从而达到阻止其他用户的访问. 如果黑客使用JavaSc ...

  4. 关于js中值的比较规则问题

    上一篇文章提到了javascript中可变值与不可变值,如果你不知道什么是可变值和不可变值,可以先去看看那篇文章,再回来看这篇,因为这篇文章是基于可变值与不可变值讲解的. 那我就默认你知道什么是可变值 ...

  5. javascript类型系统——布尔Boolean类型

    × 目录 [1]定义 [2]应用场景 [3]转为布尔[4]实例方法 前面的话 布尔值Boolean类型可能是三种包装对象Number.String和Boolean中最简单的一种.Number和Stri ...

  6. java.util.Arrays.sort两种方式的排序（及文件读写练习）

    import java.io.*; import java.util.*; public class SortTest{ public static void main(String args[]) ...

  7. 微信开发 -- 搭建基于ngrok的微信本地调试环境

    第一步,安装ngrok客户端 (1)首先先到官网下载个客户端 http://natapp.cn/,选择适合的客户端类型,本人选择的是windows版 (2)下载后,解压,可以看到如下目录: 第二步,开 ...

  8. Docker 有什么优势？

    1.什么是容器? 依托与linux 内核功能的虚拟化技术 2. docker 是什么? 能够把应用程序自动部署到容器的开源引擎 3. docker 跟原有的工具有何区别? 传统的部署模式是:安装(包管 ...

  9. 自制jQuery标签插件

    在项目中需要一个添加标签的小插件,查看了一些已有插件后,发现很现成的高级插件,也有比较简单的插件.最后还是决定自己来写,这样能控制代码,以后与其他插件结合使用的时候能更好的把控.初步在IE6 7 8, ...

  10. 麒麟系统使用root权限运行程序

    最近在虚拟机里安装了个国产麒麟系统.(不知道麒麟系统的百度下.) ************************************************** 官方网址:http://www. ...