什么也不想说

 <%@ 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. IMDB TOP 250爬虫

    这个小学期Python大作业搞了个获取IMDB TOP 250电影全部信息的爬虫.第二次写爬虫,比在暑假集训时写的熟练多了.欢迎大家评论. ''' ************************** ...

  2. RAC(ReactiveCocoa)使用方法(一)

    RAC(ReactiveCocoa)使用方法(一) RAC(ReactiveCocoa)使用方法(二) 什么是RAC? 最近回顾了一下ReactiveCocoa的方法,也看了一些人的文章,现写篇文章总 ...

  3. Android Studio 升级到3.0 提示 java.lang.NoClassDefFoundError

    Android Studio 升级到3.0 提示 java.lang.NoClassDefFoundError 这个问题折腾了2个小时,最后解决了,Stack Overflow 上也有一次类似的问题, ...

  4. python解释执行原理(转载)

    Python解释执行原理 转自:http://l62s.iteye.com/blog/1481421 这里的解释执行是相对于编译执行而言的.我们都知道,使用C/C++之类的编译性语言编写的程序,是需要 ...

  5. listviewMyAdapter

    import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory; ...

  6. 装饰模式(Decorator)

    装饰模式(Decorator) 顾名思义,装饰模式就是给一个对象增加一些新的功能,而且是动态的,要求装饰对象和被装饰对象实现同一个接口,装饰对象持有被装饰对象的实例,关系图如下: Source类是被装 ...

  7. 实践作业1:测试管理工具实践 Day3

    1.Vertrigoserv启动后,首先要配置apache,则需要修改监听端口,不要出现端口冲突2.配置mysql,在mysql console中输入密码vertrigo3.在浏览器中输入http:/ ...

  8. caioj 1237: 【最近公共祖先】树上任意两点的距离 在线倍增ST

    caioj 1237: [最近公共祖先]树上任意两点的距离 倍增ST 题目链接:http://caioj.cn/problem.php?id=1237 思路: 针对询问次数多的时候,采取倍增求取LCA ...

  9. 配置scrapy-splash+python爬取医院信息(利用了scrapy-splash)

    北京艾丽斯妇科医院(http://fuke.fuke120.com/) 首先先说一下配置splash 1.利用pip安装scrapy-splash库 pip install scrapy-splash ...

  10. 实战-CentOS6.8配置nfs服务

    如题 #服务端:请自行配置yum源 命令操作:yum install nfs-utils rpcbind #配置文件编辑:vi /etc/exports /data 0.0.0.0 (rw,sync, ...