html：超文本标记语言。
html语言中是由标签组成的。
html中的数据都会封装在标签中。因为可以通过标签中的属性值的改变对封装内数据进行操作。
确定html代码范围。<html> </html>
在该范围中可以定义两部分内容，一部分是头，一部分是体。
<html>
<head></head>
<body></body>
</html>
head:网页的一些属性信息。比如：标题。
body:网页显示的数据。
标签特点：对于数据进行封装，那么就有开始标签和结束标签，
但是也有一些标签只体现单一功能，所以不需要结束标签，规范中要求标签必须要结束，所以这样的标签在内部结束。
如：<br/> <hr/> <img /> <input />
标签格式：<标签名 属性名=“属性值” >数据</标签名>
<标签名 属性名=“属性值” />
-----------------------
常见标签：
1，字体：<font>
<font size="7" color="#ffff00">数据</font>
特殊部分：如果要在页面显示一些特殊符号，需要进行转义。
<: < >: > &: & 空格：
标题：<h1> <h2> <h3>....<h6>
2，列表标签：<dl></dl>
上层项目：<dt>
下次项目：<dd>
项目符号标签：
<ul>
<ol>
这两个标签中的列表项都由<li>标签封装。
示例：
1.游戏名称
a.星际
b.红警
2.游戏内容
a.攻略
b.秘籍
3，图像标签：<img>
<img src="" alt="图像说明文字" />
4，表格标签：<table>
表格由行所组成，行由单元格组成。
表格中默认都有一个tbody标签。
标题标签：<caption>
<table border="1" bordercolor="red" width="60%" cellpadding="10" cellspacing="0">
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
表格是最常用的标签，用于对数据进行格式化。
5，超链接：<a>
<a href="http://www.sina.com.cn" target="_blank" >新浪网站</a>
当被点击后，会启动引擎所对应解析程序。
去查找指定主机。
1，先找本地主机的hosts文件。如果没有找到该主机对应的ip地址。
2，去公网NDS服务器上找对应的ip地址。
<a href="mailto:abc@sohu.com?subject=haha&cc=qq@163.com" >联系我们</a>
当点击超链接时，就会出现邮件相关联的解析程序，本机默认的是outlook。
超链接的另一个作用：
定位标记.
<a name="top">一个位置</a>
<a href="#top">获取那个位置</a>
6，表单标签：
该标签是可以和服务端进行交互的。
<form>
表单标签中元素:
<input>:该标签因为type属性的值的不同，所对应的组件也不一样。
type属性：
1，text：文本框，输入的文本可见。
2，password：密码框，输入的文本不可见。
3，radio：单选框，注意，要被选中，必须要给单选框定义一个属性name。
当有多个单选框时，只能有一个别选中，那么这些单选框的name值必须相同。
4，checkbox：复选框，当对多个数据进行同时选中时。
5，file：可以进行文件选择的组件。通常用于附件，或者文件上传。
6，hidden：隐藏组件，该组件的不会页面上显示，但是其定义的name和value可以提交到服务端。
7，button：按钮组件，自定义一个按钮默认是没有任何效果的，可以通过注册事件并加入自定义效果。
8，reset：重置按钮，将组件中被操作的效果还原到初始状态。
9，submit：提交按钮，将组件中添加的数据提交到指定的目的地。
10，image：图像组件，为了避免提交按钮的难看，可以通过image的src属性连接一个好看的按钮图片完成提 交效果。
下拉菜单：<select>
每一个下拉菜单项都由option进行封装。
<select>
<option></option>
</select>
文本区域:<textarea>
表单组件通常都需要定义name和value属性，因为要将数据发送给服务端，
服务端只有知道了该name的值才可以对提交的数据进行分别获取。
form标签中的常见的属性：
action:指定数据提交的目的地。method:提交方式。两种常用值get和post。get为默认。
get和post的区别：
get:会将提交的数据显示在地址栏上。
post：不会将数据显示在地址栏。
get：提交的数据的体积受地址栏的限制。
post：可以提交大体积数据。
get：对于敏感信息不安全。
post：对于敏感信息安全。
get：会将提交信息封装在请求行，也就是http消息头之前。
post：会将提交信息封装在数据体中，也就是http消息头之后的空行后。
对于服务端而言。
表单提交尽量用post，因为涉及到编码问题。因为tomcat服务端默认的解码是ISO8859-1.
对于post提交的中文。在服务端可以直接使用setCharacterEncoding("gbk")就可以解决
对于get提交的的中文，在服务端只能通过ISO8859-1将数据编码一次，在通过指定的码表如GBK解码。
使用表单的组件不一定要定义form标签。只有需要将数据进行服务端的提交的时候才会用到form标签。
分享到：
相关推荐
Html2Image html2Image = Html2Image.fromHtml(sb.toString(),null); // 这边如果设置false,图片不会自动根据内容设置长宽默认长1024 ,宽768 //html2Image.getImageRenderer().setAutoHeight(false); ...
html2fpdf 或 html2pdf 是在fpdf上开发的一个可以将html页面转换为pdf文件的PHP类。 官方网址 http://sourceforge.net/projects/html2fpdf/ 近日，由于开发项目需要，需要一个能将页面转换为pdf的插件，以供客户端...
临近期末, 你是否还在为HTML网页设计期末作业而发愁，是否为还在为老师的网页制作作业要求感到头大？是否觉得HTML网页作业无从下手？，网页要求的总数量太多？是否找不到合适的模板？等等一系列问题。本资源就可以为...
HTML基本标记.html HTML基本标记的用法。 我的第一张网页.html 演示我的第一张网页。 第2章（源代码\第2章） 示例描述：本章演示常用HTML标记和格式 注释.htm 注释的用法。 标题标记....
在你成为一名行家之后，阅读HTML书籍给你的唯一感受就是厌烦吗？那么现在就是你拿起《深入浅出HTML与CSS、XHTML》来真正学习HTML的时候了。这本书展示了学习创建符合工业标准的Web页面的完整历程——然而，除了阅读...
Learn the real secrets of creating Web pages, and why everything your boss told you about HTML tables is probably wrong (and what to do instead). Most importantly, hold your own with your co-worker ...
此为《HTML5开发精要与实例详解》的全部配套源码 本书由资深Web开发专家亲自执笔，内容的权威性上应该是毋庸置疑的。 本书在内容结构上将继承《HTML 5与CSS 3权威指南》一书的优点，几乎每个知识点都将配一个精心...
适合学生的html5响应式网站 成品可以让你们修改吗？ 学生网页成品坚持每周更新 学生网站一定不能太专业，否则老师会发现的！ DIV+css+js学生网站如何做？ 不靠这个吃饭--你还用自己做网站吗？ 大学生静态网页成品...
通用电商模板提供下载，都是html静态页面，设计好的前端页面 1 绪论 1 1.1 项目开发背景 1 1.2 论文的研究目的和意义 2 1.2.1 开发的研究目的 2 1.2.2 开发的研究意义 3 2 项目介绍 4 2.1 web前端开发 4 2.1.1 web...
html案例html案例html案例html案例html案例html案例html案例
圣诞树HTML，下载点击即可使用，表白神器
《HTML+CSS网页设计与布局从入门到精通》紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术，全面介绍了使用HTML和CSS进行网页设计和制作的各方面内容和技巧。 《HTML+CSS网页设计与布局从入门到精通》...
ECharts+html大数据可视化大屏展示模板25套,可以根据自己需求修改数据和样式,都是基于ECharts的大数据可视化展示html的模板，直接打开html即可看到展示效果。内含：智慧物流大数据展示模板，智慧医疗大数据展示模板...
越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6，IE7，IE8。为了让所有网站浏览者都能正常的访问网站，解决方案就有下面两个： 1.为网站创建多套模板，通过程序对User-Agent的判断给不同...
最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据，效果要高大上，还好之前接触过HTML5，所以第一时间想到就是echarts，这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...
HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据可视化HTML5炫酷科技感十足数据...
winfrom中嵌套html，跟html的交互,源码就在里面一看就懂，很简单
1.用户导入word生成pdf -首先导入word的时候读取word里面的全部内容。调用（ReadAndWriteDoc）然后将内容 传送到createPdf里面生成pdf。导入的时候读取采用poi /生成的时候采用的是...4.将html转换成pdf（itext）
html练习 html练习 html练习 html练习 html练习 html练习