HTML内容

1.HTML(Hyper Text Mark-up Language)就是超文本标记语言的简写,是最基础的网页语言。

2.HTML是通过标签来定义的语言,代码都是通过标签来组成的。

3.HTML代码不用区分大小写,有<HTML>开始</HTML>结束,里边包含<head></head>头标签部分和<body></body>体标签部分,头部分是给页面增加一些辅助效果或者属性的信息,它里面的内容会最先加载,体部分是真正存放页面数据的地方。

4.多数标签都有开始标签和结束标签,有个别标签因为只有单一功能,没有要修饰的内容,可以在标签内结束。

5.想要对被标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择。

6.属性与属性值之间用“=”连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号,

7.格式:a. <标签名 属性名='属性值'> 数据内容 </标签名>

b.<标签名 属性名='属性值' />

*8.常用标签:

a.字体:字体标签<font size="-2(~+5)">、标题标签<h1>-<h6>、特殊字符、

b.列表:dl用来定义一个列表 dt用来定义列表中的上一级 dd定义列表中的下一级

定义有序列表: ol  li   有type属性用来指定列表中序号的样式 start属性用来定义开始的值
	无序列表: ul li组成一个无序列表 type属性用来指定无序列表中的标记的样式

c.图像:IMG标签用来在html中引入一张图片

其中src属性指定图片的位置
		width属性指定宽度,height属性指定高度
			可以给像素值,也可以给百分比,但是要注意,给的百分比是相对于当前浏览器页面的百分比.
		border 指定图像的边框
		alt属性指定图像的说明文字,当鼠标移入时有显示,包括当图片无法显示时可以做提示
	
	Map标签:设置图像地图,配置Area标签,为图像的某一部分提供超链接功能,实现当点击图片的某一位置时访问对应的地址
	Area标签:配置Map标签来实现图像地图,
		其中 shape属性指定区域形状 
		coords属性用来定义位置  
		href属性定义连接 
		target属性用来定义点击时在哪里打开连接

d.表格:table 标签用来声明一个表格,其中包含若干tr标签来表示表中的一行

tr中可以包含 td表示行中的单元格,th标签表示表头,表头默认其中的数据加粗居中
		border:边框的大小
		cellpadding: 内容被边框的距离
		cellspacing: 设置边框之间的距离
		width:设置表格的宽度,可以设置为像素,也可设置为占当前页面的百分比
		align:表格在当前页面中的位置
		bgcolor:背景色
		bordercolor:边框颜色
	表格最初用来组织网页的基本的架构,整个页面就是一个大表格,利用表格的tr和td来将页面进行分割,再在表格中嵌套表格,从而进一步细化页面的结构
	表格常用来组织html页面的架构,而表格的特点决定了当表格中有某一资源没有加载完成时,整个表格都无法显示,这样一来,当页面中某一个资源加载缓慢时,整个页面无法显示
	为了解决这样的问题,标签应运而生了.tbody的特点,是当这个tbody中的资源加载完成无论其他tbody有没有加载完成,这个tbody就可以显示
	从而就解决了刚才的问题

	如果在写一个table时,table没有包含任何tbody则认为,这个table中的所有内容都放置在了一个隐藏的默认的tbody中

e.超链接:a:可以用来书写一个超链接出来

href属性用来指定链接到的地址,标签之间的标签体,是页面中超链接的文本
		注意,href属性中指定的地址可以有不同的类型,如果直接写一个文本,则认为是一个相对路径访问本地文件
		如果需要连接网络上的位置,要把协议名称写清楚 http://.....
		如果写mailto:邮箱地址,则会调用本机中的默认邮件客户端程序试图发送一封邮件到指定的地址
	
		target属性:指定在哪里打开页面

	锚标记:
		利用a标签的name属性可以在页面中的指定位置设置一个锚标记
		再利用其他的a标签的href属性可以用#锚名称 地方法指向锚标记,这样一来,点击就可以跳转到锚标记位置

f.框架:frameset可以用来实现页面的框架:将一个HTML分割为多个部分,每一个部分就是一个框架,frameset就是一个框架集.

rows 按行来分割显示框架
		cols 按列来分割显示框架
		frameset里还可以再包含frameset从而可以把页面分割成任意多个部分
	frameset里可以包含frame,每一个frame都是一个框架 
		src属性 指定当前框架显示的页面
		name属性 用来指定当前框架的名字
		利用a标签的target属性可以指定为框架的名字,这样一来,当点击这个超链接时,指定在哪一个框架中打开

g.表单:form:用来定义一个表单,表单可以用来向服务器提交数据

input:根据type属性的不同,可以显示成不同样式的输入项
			text -- 文本框
			password -- 密码框
			radio -- 单选框
			checkbox -- 复选框
			file -- 文件选择框
			submit -- 提交按钮
			reset -- 重置按钮
			image -- 图片形式的提交按钮
	select:实现下拉选,size用来设置下拉选同时显示的个数,multiple用来控制是否允许多选
	option:下拉选的选项,如果没有value值,则其中的标签体就是值,也可以设置value明确的指定值
	textarea:文本域,用来输入大段的文本,rows指定行数 cols指定列数
	label:设定快捷键,for 值设置为某一个输入想的id值,accesskey 指定快捷键,通过alt+快捷键就可以快速定位到绑定的位置上

	只有有name属性的内容才能在表单提交时提交,其中name属性的值会成为提交时的请求参数的名字,value的值就是提交的值,其中文本框文本域密码框输入值就是value值,radio checkbox select 选择值就是value值,file 选择的文件的内容就是value值

	一个页面中可以有多个标签具有相同的name属性
	但是id属性的值必须在页面中是独一无二的

	disable:禁用输入项,被禁用的输入项在提交时不会被提交
	readonly:只读,被只读的输入项,没有办法修改,但是在提交时,会被提交
	checked:选中radio checkbox
	selected:设置option是否被选中
客户端向服务器提交的数据叫做请求参数,客户端通过请求参数的方式向服务器传递要传输的数据
	请求参数在提交时,一共有2两种提交方式,第一种是直接在地址栏上书写进行提交,第二种是通过表单进行提交
	提交的方式一共有7种,但平常只使用两种,GET提交和POST提交
	通常的提交都是GET提交,唯独写一个form表单明确的指定method=POST时才是post提交

	GET提交:
		请求参数将会在地址上拼接,通过地址后附件参数的方式提交请求参数,在真正要访问的地址后通过?来拼接请求参数,而多个请求参数之间中&进行拼接
		GET提交方式会将请求参数显示在地址栏上,容易被看走
		这种方式提交的请求参数有大小限制,通常不超过1KB
	POST提交:
		请求参数不不会拼接在地址上,不显示在地址栏中,会偷偷的进行传输,不会造成被人看走的问题,没有大小限制
	
	在提交的过程中输入项的name属性成为了提交的请求参数的名字,value属性值成为提交的请求参数的值
	
	action属性指定表单提交时,提交到哪个地址
	method指定用什么提交方式进行提交
 注意:通常表单使用post提交,因为编码方便。            对于Tomcat服务器端,默认的解码方式是ISO8859-1,那么中文会出现乱码。            通过post提交,可以使用request.setCharacterEncoding(“GBK”);来解决乱码问题,该方法只对数据体有效。如果是get提交,request.setCharacterEncoding(“GBK”)该方法对乱码解决不了,必须先进行ISO8859-1编码,然后在进行GBK的解码。这种方式虽然对post提交的乱码也通用,但是麻烦。所以建立表单提交使用post。

h.头标签:

头标签都放在<head></head>头部分之间。包括:title base meta link

1. <title>:指定浏览器的标题栏显示的内容。

2. <base>:

href 属性:指定网页中所有的超链接的目录。可以是本地目录,也可以是网络目录。注意值得结尾处一定要用/表示目录。只作用于相对路径的超链接文件。

target 属性:指定打开超链接的方式。如_blank 表示所有的超链接都用新窗口打开显示。

3. <meta>:元数据

name 属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。

http-equiv 属性:模拟HTTP协议的响应消息头。

例:

<meta http-equiv="refresh" content="3;url=http://www.sina.com.cn" />

表示打开此页面3秒后自动转到新浪页面。

4. <link>:

rel 属性:描述目标文档与当前文档的关系。

type 属性:文档类型。

media:指定目标文档在哪种设备上起作用。

例:

<link rel="stylesheet" type="text/css" media="screen,print" href="a.css" />

i.XHTML/XML:

XHTML是可扩展的超文本标记语言(Extensible HyperText Markup Language)。

l XHTML是w3c组织在2000年的时候为了增强HTML推出的,本来是想替代HTML,但是发现Internet上用HTML写的网页太多,未遂!可以理解为它是HTML一个升级版(HTML4.01)。

l XHTML的代码结构更为严谨,是基于XML的一种应用。

XML是可扩展标记语言(Extensible Markup Language)

l XML是对数据信息的描述。HTML是数据显示的描述。

l XML代码规定的更为严格,如:标签不结束被视为错误。

l XML规范可以被更多的应用程序所解释,将成为一种通用的数据交换语言。

各个服务器,框架都将XML作为配置文件。

j.其他标签、