<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

     <form action="/add/" method="get">

         a:<input type="text" name="a" id="a" placeholder="请输入"><br>

         b:<input type="text" name="b" id="b"><br>

         <p>result:<span id="result"></span></p>

         <button type="button" id="sum">Calc</button>

     </form>

     <span style="color: aqua" id="hello">hello!</span><br>

     <address>地址</address><br>

     <em>强调</em><br>

     <i>突出不同</i><br>

     <p><cite>引用</cite>作为关键字</p>

     <p>段落</p>

     <p><strong>粗体</strong></p>

     <p><b>提醒</b></p>

     <figure>

         <img src="/static/dyx.png" alt="说明" width="75" height="150">

     </figure>

     <p><abbr style="color: aquamarine">虚下划线</abbr></p>

     <p><blockquote>带缩进，大区快大区快大区快大区快大区快大区快大区快大区快大区快大区快</blockquote></p>

     <p><mark >北京</mark></p>

     <p><sub>下标</sub>文本文本文本文本<sup>上标</sup></p>

     <p><ins>下划线</ins></p>

     <p><del>删除</del>的内容</p>

     <p><small>字号减小</small></p>

     <p><time >定义时间</time></p>

     <p>多选按钮</p>

     <input type="radio" id="a" name="deng" value="beijing" checked/>

     <label for="a">北京</label>

     <input type="radio" id="b" name="deng" value="shanghai"/>

     <label for="b">上海</label>

     <p>下拉框</p>

     <select id="sel" name="deng" multiple="multiple">

         <option value="beijing">北京</option>

         <option value="shanghai">上海</option>

         <option value="nanjing">南京</option>

     </select>

     <select>

         <option value="volvo">Volvo</option>

         <option value="saab">Saab</option>

         <option value="mercedes">Mercedes</option>

         <option value="audi" selected>Audi</option>

     </select>

     <p>上传文件</p>

     <input type="file" id="myfile" name="deng" size="5" />

     <p>创建提交按钮</p>

     <input type="submit" value="点击提交">

     <p>创建带图片的提交按钮</p>

     <button type="image"><img src="/static/dyx.png" alt="info" >点击这里</button>

     <p>创建图像按钮</p>

     <input type="image" alt="提交" src="/static/dyx.png" alt="info">

     <p>文本区域</p>

     <textarea name="deng" maxlength="20" rows="3" cols="10">这是一个文本区域</textarea>

     <p>表格</p>

     <table>

         <thead>

         <tr>

             <th>aaa</th>

             <th>bbb</th>

         </tr>

         </thead>

         <tbody>

         <tr>

             <td>a</td>

             <td>b</td>

             <td>c</td>

         </tr>

         <th scope="" >主题</th>

         <tr>

             <td rowspan="3">ddddddddddd</td>

             <td>e</td>

             <td>f</td>

         </tr>

         </tbody>

     </table>

     <p>视频</p>

     <video width="320" height="240" controls="controls">

         <source src="/static/media/1.mp4" type="video/mp4">

         <a href="/static/media/1.mp4">下载该视频</a>

     </video>

     <br/>

     <li>a</li>

     <ul>b</ul>

     <ol>c</ol>

     <h2 align="left" style="color: #333">title</h2>

     <h2 align="left" style="color: #ccc">title</h2>

     <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>

     <script>

         $(document).ready(function () {

            $("#sum").click(function () {

                var a = $('#a').val();

                var b = $('#b').val();

                $.get("/add/", {'a':a, 'b':b}, function (ret) {

                    $("#result").html(ret)

                })

            });

         });

     </script>

 </body>

 </html>

HTML的常用总结的更多相关文章

  1. 常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案（三）

    前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的 插件生态 可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本 ...

  2. 分布式锁1 Java常用技术方案

    前言:       由于在平时的工作中,线上服务器是分布式多台部署的,经常会面临解决分布式场景下数据一致性的问题,那么就要利用分布式锁来解决这些问题.所以自己结合实际工作中的一些经验和网上看到的一些资 ...

  3. Visaul Studio 常用快捷键的动画演示

    从本篇文章开始,我将会陆续介绍提高 VS 开发效率的文章,欢迎大家补充~ 在进行代码开发的时候,我们往往会频繁的使用键盘.鼠标进行协作,但是切换使用两种工具会影响到我们的开发速度,如果所有的操作都可以 ...

  4. sublime常用快捷键

    自己觉得比较实用的sublime快捷键: Ctrl + /  ---------------------注释 Ctrl + 滚动 --------------字体变大/缩小 Ctrl + N----- ...

  5. SQL Server 常用内置函数（built-in）持续整理

    本文用于收集在运维中经常使用的系统内置函数,持续整理中 一,常用Metadata函数 1,查看数据库的ID和Name db_id(‘DB Name’),db_name('DB ID') 2,查看对象的 ...

  6. 探索ASP.NET MVC5系列之~~~4.模型篇---包含模型常用特性和过度提交防御

    其实任何资料里面的任何知识点都无所谓,都是不重要的,重要的是学习方法,自行摸索的过程(不妥之处欢迎指正) 汇总:http://www.cnblogs.com/dunitian/p/4822808.ht ...

  7. React在开发中的常用结构以及功能详解

    一.React什么算法,什么虚拟DOM,什么核心内容网上一大堆,请自行google. 但是能把算法说清楚,虚拟DOM说清楚的聊聊无几.对开发又没卵用,还不如来点干货看看咋用. 二.结构如下: impo ...

  8. 【原】实时渲染中常用的几种Rendering Path

    [原]实时渲染中常用的几种Rendering Path 本文转载请注明出处 —— polobymulberry-博客园 本文为我的图形学大作业的论文部分,介绍了一些Rendering Path,比较简 ...

  9. [版本控制之道] Git 常用的命令总结（欢迎收藏备用）

    坚持每天学习,坚持每天复习,技术永远学不完,自己永远要前进 总结日常开发生产中常用的Git版本控制命令 ------------------------------main-------------- ...

  10. HTTP常用状态码分析

    不管是面试还是工作中,经常会碰到需要通过HTTP状态码去判断问题的情况,比如对于后台RD,给到前端FE的一个接口,出现502或者504 error错误,FE就会说接口存在问题,如果没有知识储备,那就只 ...

随机推荐

  1. JAVA自定义注解 和 运行时靠 反射获取注解,解决 shiro 注解型权限因子获取问题

    项目的权限分配,采用的是RBAC的设计模式.后台配置权限的时候,需要获取到所有的权限因子. 不经让我想起YII框架的SRBAC模块,还有以前的一个ecshop改造系统的权限配置方式,都采用的是PHP的 ...

  2. Jquery/js submit()无法提交问题

    有朋友可能会直接利用js或jquery来提交数据而不是使用表单直接提交了,小编来给大家介绍小编碰到的一个问题就是 submit()无法提交,下面我们来看解决办法与原因分析. jquery无法提交  代 ...

  3. postgres外部表之-oracle_fdw

    1. 安装Oracle客户端工具 编译安装oracle_fdw之前,需要安装Oracle的客户端程序:步骤略 下载地址:http://www.oracle.com/technetwork/databa ...

  4. Python 基础进阶

    函数的定义 函数的参数 函数的默认参数 函数的变量 函数的返回值 函数的多类型传值 函数的冗余参数 函数的递归调用 匿名函数 高阶函数 内建函数 模块与包 面向对象 类的定义 类的属性 类的内置属性 ...

  5. 深入浅出MFC——MFC骨干程序（四）

    1. 熟记MFC类层次结构: 2. AppWizard可以为我们制作出MFC程序骨干: 3. Document/View支撑你的应用程序:Document/View的价值在于,这些MFC类已经把一个应 ...

  6. sql预计简单分页

    在显示记录条目时往往要用到分页,一种常用的办法是利用各种数据库自带的定位接口对原始查询语句进行改写,从而只取出特定范围的某些记录.不同的数据库,查询定位接口是不一样的,下面做一汇总: 数据库 分页查询 ...

  7. 【EF框架】另一个 SqlParameterCollection 中已包含 SqlParameter。

    查询报表的时候需要通过两次查询取出数据. 第一次,用count(*)查出总数: 第二次,用rownumber分页取出想要的页内容: 为了防止sql注入,使用SqlParameter来传递参数 var ...

  8. WP8.1学习系列(第二十章)——添加控件和处理事件

    先决条件 添加控件 设置控件的名称 设置控件属性 创建事件处理程序 新控件 总结 相关主题 通过使用如按钮.文本框和组合框等控件,你可以创建应用的 UI. 下面将显示如何将控件添加到应用.处理控件时, ...

  9. 【Spring源码分析系列】搭建Spring实现容器的基本实现

    前言 bean是Spring中最核心的东西,因为Spring就像一个大水桶,而bean就像是容器中的水,先新建一个小例子来看一下: 一.使用eclipse构建项目,项目结构如下 二.类文件内容 < ...

  10. 【Spring Boot&&Spring Cloud系列】Spring Boot项目集成Swagger UI

    前言 Swagger 是一个规范和完整的框架,用于生成.描述.调用和可视化 RESTful 风格的 Web 服务.总体目标是使客户端和文件系统作为服务器以同样的速度来更新.文件的方法,参数和模型紧密集 ...