什么也不想说

 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

 <%

 String path = request.getContextPath();

 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

 %>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

   <head>

     <base href="<%=basePath%>">

     <title>My JSP 'index.jsp' starting page</title>

     <meta http-equiv="pragma" content="no-cache">

     <meta http-equiv="cache-control" content="no-cache">

     <meta http-equiv="expires" content="0">

     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

     <meta http-equiv="description" content="This is my page">

     <!--

     <link rel="stylesheet" type="text/css" href="styles.css">

     -->

   </head>

   what is HTML？

   HTML 是超文本标记语言，它是Inernet  上用于编写网页的主要标记语言

   <body>

   标题

    <!-- 作为标题标记，h1-h6由大变小 -->

     <h1>文刀山豆几</h1>

     <h2>文刀山豆几</h2>

     <h3>文刀山豆几</h3>

     <h4>文刀山豆几</h4>

     <h5>文刀山豆几</h5>

     <h6>文刀山豆几</h6>

     段落

     <!-- align 取值范围为left，center，right -->

     <p align="center">这是段落的标签</p>

   滚动

   <marquee direction="滚动方向" behavior="滚动方式">看看我滚没滚</marquee>

   <!--

   direction 可选的值有 ：up down left right

   behavior  可选的值有：scroll,slide,alternate，分别表示循环滚动， 只滚动一次和来回交替滚动

   loop 值为整数

   scrollamount 的值为文字每次移动的长度，以像素为单位，scrolldelay 的单位为ms . -->

     列表

     <!-- 无序的列表 -->

     <ul>

     <li>列表项</li>

     <li>列表项</li>

     <li>列表项</li>

     </ul>

      <!-- 有序的列表 -->

     <ol>

         <li>看看这个</li>

     <li>看看这个</li>

     <li>看看这个</li>

     </ol>

 图像与多媒体

     <img alt="" src="图像文件的路径及名称">

  超链接

     <a href="链接路径" target="目标窗口的打开方式">链接内容</a>

     <!-- target的属性值可以为_self、_blank、_top以及_parent.其中 _self是target默认值-->

  表格

     <!-- 表格 -->

    <table>

        <tr>

            <td colspan="跨的列数值">单元格中的内容</td>

            <td rowspan="跨的行数值">单元格中的内容</td>

    </tr>

    <!-- 一组中有几个<tr></tr>就表示该表格有几行，一行中有几个<td></td>,就表示该行中有几个单元格 -->

    </table>

 表单

    <!-- 表单 非常非常重要-->

    <!-- action 属性值是表单中提交的地址，即表单中收集到的信息后传递到某页面，例如和控制器之间

            name 属性给表单命名一个名称，可以控制表单与后台程序之间的关系。

            method get 或者post 方式提交，只需要记住，get提交方式不安全，且有字符限制，最大8192个字符，post没有信息长度的限制，还很安全

            entype 表单信息提交的编码方式，上传文件时候必须选择指定的格式。

    -->

    <form action="表单的处理程序">

    <input>

    <!-- input 标记是最常用的表单标记，该标记允许用户在表单中（文本框，单选框，复选框，输入

        类型是由类型属性type定义的，常用的输入类型如下） -->

         <!-- 文本框和密码框 属性值为text 代表的是单行文本框，属性值为password ，代表密码框 -->

    </form>

    <input type="file" name="文件域的名称">

    使用文件上传时，一定别忘记设置form 表单提交信息的编码方式enctype = "multipart/form-data"

    <form>

        <input type="radio" value="male" name="sex" checked/>男

        <input type="radio" value="female" name="sex" checked/>女

    </form>

    <input type="checkbox" value="复选框的值" name="复选框的名称" checked/>

    <!-- 按钮 -->

    <input type="button" value="按钮的值" name="按钮的名称">

    <input type="reset" value="按钮的值" name="按钮的名称">

    <!--下拉列表-->

    <select name="下拉列表的名称" size="显示的项数" multiple>

        <option value="选项值1" selected> 选项1显示的内容

        <option value="选项值2" selected> 选项2显示的内容

    </select>

    文本区

    <textarea rows="文本区的名称" cols="列数" rows="行数"></textarea>

   </body>

 </html>

对应的WEB页面

HTML干货的更多相关文章

  1. 干货分享：让你分分钟学会 JS 闭包

    闭包,是 Javascript 比较重要的一个概念,对于初学者来讲,闭包是一个特别抽象的概念,特别是ECMA规范给的定义,如果没有实战经验,很难从定义去理解它.因此,本文不会对闭包的概念进行大篇幅描述 ...

  2. 干货分享：SQLSERVER使用裸设备

    干货分享:SQLSERVER使用裸设备 这篇文章也适合ORACLE DBA和MYSQL DBA 阅读 裸设备适用于Linux和Windows 在ORACLE和MYSQL里也是支持裸设备的!! 介绍 大 ...

  3. Android学习路线总结，绝对干货

    title: Android学习路线总结,绝对干货 tags: Android学习路线,Android学习资料,怎么学习android grammar_cjkRuby: true --- 一.前言 不 ...

  4. 记录我这一年的技术之路(nodejs纯干货)

    2015年12月28日23:19:54 更新koa应用.学习型网站和开发者工具等 coding伊始 开始认认真真的学习技术还是2015.10.21日开始的,记得很清楚,那天,是我在龙湖正式学习的第一天 ...

  5. AFNetworking 3.0 源码解读 总结（干货）（下）

    承接上一篇AFNetworking 3.0 源码解读 总结(干货)(上) 21.网络服务类型NSURLRequestNetworkServiceType 示例代码: typedef NS_ENUM(N ...

  6. 【NLP】干货！Python NLTK结合stanford NLP工具包进行文本处理

    干货!详述Python NLTK下如何使用stanford NLP工具包 作者:白宁超 2016年11月6日19:28:43 摘要:NLTK是由宾夕法尼亚大学计算机和信息科学使用python语言实现的 ...

  7. 【初码干货】在Window Server 2016中使用Web Deploy方式发布.NET Web应用的重新梳理

    在学习和工作的过程中,发现很多同事.朋友,在做.NET Web应用发布的时候,依然在走 生成-复制到服务器 这样的方式,稍微高级一点的,就是先发布到本地,再上传到服务器 这种方式不仅效率低下,而且不易 ...

  8. 【C#公共帮助类】WinRarHelper帮助类，实现文件或文件夹压缩和解压，实战干货

    关于本文档的说明 本文档使用WinRAR方式来进行简单的压缩和解压动作,纯干货,实际项目这种压缩方式用的少一点,一般我会使用第三方的压缩dll来实现,就如同我上一个压缩类博客,压缩的是zip文件htt ...

  9. iOS - GitHub干货分享(APP引导页的高度集成 - DHGuidePageHUD - ②)

    距上一篇博客"APP引导页的高度集成 - DHGuidePageHUD - ①"的发布有一段时间了, 后来又在SDK中补充了一些新的内容进去但是一直没来得及跟大家分享, 今天来跟大 ...

  10. iOS - GitHub干货分享(APP引导页的高度集成 - DHGuidePageHUD - ①)

    好长时间没更新博客, 是时候来一波干货分享了;APP引导页话不多说每一个APP都会用到,分量不重但是不可缺少,不论是APP的首次安装还是版本的更新,首先展现给用户眼前的也就只有它了吧,当然这里讲的不是 ...

随机推荐

  1. Python 简单理解多线程

    进程,是一个或多个线程的集合,每个进程在内存中是相对独立的. 线程,是计算机最小的运算单元,每个进程至少要有一个线程,多个线程时,每个线程间之间共享内存. 分别举例常规运行和多线程运行: 0)常规运行 ...

  2. 老男孩Python全栈开发（92天全）视频教程 自学笔记02

    day2课程目录: 操作系统的历史 二进制运算 字符编码与计算机容量 编程语言介绍 开发语言分类 演讲能力锻炼 day2课程内容梳理: 操作系统发展史: Unix系统 极其稳定 现在很多银行还在用 L ...

  3. webpack 3.X学习之CSS处理

    Loaders Loaders是Webpack最重要的功能之一,他也是Webpack如此盛行的原因.通过使用不同的Loader,Webpack可以的脚本和工具,从而对不同的文件格式进行特定处理. Lo ...

  4. Vue.js简单的应用

    1:一个简单实现 下面代码部分: <body> <div id="myDiv1"> {{userName}} </div> </body& ...

  5. 《HelloGitHub》第 20 期

    前言 HelloGitHub 项目已经累积到 3k+ Stars.本项能够走到今天,帮助到越来越多的人.少不了热爱开源.不断为本项目贡献项目的小伙伴们. 贡献者列表 很多人都有想法,付诸于行动在少数, ...

  6. Java爬虫框架WebMagic——入门（爬取列表类网站文章）

    初学爬虫,WebMagic作为一个Java开发的爬虫框架很容易上手,下面就通过一个简单的小例子来看一下. WebMagic框架简介 WebMagic框架包含四个组件,PageProcessor.Sch ...

  7. 比ngx_http_substitutions_filter_module 更强大的替换模块sregex的replace-filter-nginx-module

    之前写过nginx反代替换的教程(传送门),使用了ngx_http_substitutions_filter_module模块.不过这货只能替换同一行,具有局限性-_-# 现在一个更强大的替换模块来了 ...

  8. SQL Server 2016 快照代理过程分析

    概述 快照代理准备已发布表的架构和初始数据文件以及其他对象.存储快照文件并记录分发数据库中的同步信息. 快照代理在分发服务器上运行:SQLServer2016版本对快照代理做了一些比较好的优化,接下来 ...

  9. Python函数篇（3）-内置函数、文件处理

    1.内置函数 上一篇文章中,我重点写了reduce.map.filter3个内置函数,在本篇章节中,会补充其他的一些常规内置函数,并重点写max,min函数,其他没有说明的函数,会在后面写到类和面向对 ...

  10. 用echartsjs 实现动态绘制折线、柱状等图形，并实现多图联动效果

    echarts对于大数据处理后绘制折线图,柱形图等等的效果和速度都很好.下面我们介绍 怎么把封装的数据列表解析出来,动态绘图,并且实现鼠标联动效果引入js文件: <script type=&qu ...