课程：孔浩前端视频教程(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. Excel批量插入多行

    在一个表中插入10行空行,你是不是这样做的:选取要插入的位置 - 右键插入行.重复插入10次.如下图所示: 其实插入多行是可以一次完成的,方法是:你需要插入多少行,就向下选取多少行再插入.如下图所示:

  2. Android开发学习之路-自定义ListView（继承BaseAdapter）

    大三学生一个,喜欢编程,喜欢谷歌,喜欢Android,所以选择的方向自然是Android应用开发,开博第一篇,希望以后会有更多的进步. 最近在做一个记账App的时候,需要一个Activity来显示每个 ...

  3. mysql如果数据不存在，则插入新数据，否则更新的实现方法

    mysql如果数据不存在,则插入新数据,否则更新的实现方法 //如果不存在,则插入新数据 $sql = "INSERT INTO {$ecs->table('cat_lang')} ( ...

  4. KnockoutJS 3.X API 第四章 数据绑定(3) 控制流if绑定和ifnot绑定

    if绑定目的 if绑定一般是格式是data-bind=if:attribute,if后所跟属性或表达式的值应为bool值(也可以是非bool值,当非空字符串时则为真),if绑定的作用与visible绑 ...

  5. 学习Data Science/Deep Learning的一些材料

    原文发布于我的微信公众号: GeekArtT. 从CFA到如今的Data Science/Deep Learning的学习已经有一年的时间了.期间经历了自我的兴趣.擅长事务的探索和试验,有放弃了的项目 ...

  6. .NET实现Office Excel自定义公式 广泛应用于报表与数据分析

    在管理软件开发的功能点中,有相当一部分功能是与Excel做数据交互,产生Excel 数据报表.如果Excel报表的数据计算方法很有规律可循,则可以通过自定义公式来解决.比如常见的资产负债表,利润表,取 ...

  7. 各种排序学习归纳总结(Java)

    排序总结 根据<数据结构与算法分析——Java语言描述><INTRODUCTION TO JAVA PROGRAMMING>.维基及各技术博客知识点来总结的.  如果刚入门学习 ...

  8. Windows Azure Web Site (15) 取消Azure Web Site默认的IIS ARR

    <Windows Azure Platform 系列文章目录> 我们知道,Azure Web Site (改名为Azure Web App)默认是可以保留Session的.Azure We ...

  9. C#基础01

    ASP.net基础详情 1:Momo就是跨平台的一种.net,借助其Momo可以让其.net网站跑到Lumin和安卓机上面. 2:开发的网站具有安全,速度快,容易配置. 3:互联网开发[网站]和管理系 ...

  10. 基于<MediaElement>的WPF视频播放器（可拖拽进度条播放）【1】

    一.前言       前两天上峰要求做一个软件使用向导,使用WPF制作.这不,这两天从一张白纸开始学起,做一个播放演示视频的使用向导.以下是粗设计的原型代码: 二.效果图 三.代码 前台代码: < ...