1.在HTML代码中标签不区分大小写
2.任何空格或回车在代码中都是无效的,插入空格或回车有专有的标记
3.定义元信息<meta>,该标记主要功能是定义页面的一些信息,但这些信息不再网页中显示,只在源文件中显示,在HTML中,<meta>标记通过其自身的一些属性来定义网页重的信息,例如:文件的关键字,作者信息,网页的过期时间等等,HTML文件中可以有多个<meta>标记,<meta>标记不是成对的标记。
基本语法:<meta http-equiv="" name="" content="">
(1)设置页面关键字keywords
网页中的关键字主要是为搜索引擎服务的,有时为了提高网页在搜索引擎中被搜索到的几率,需要设置多个跟网站主体相关的多个关键字。
基本语法:<meta name="keywords" content="value">
(2)设置页面过期时间expires
在HTML文件中,往往需要设计页面过期时间或者跳转,这时就需要网页元信息的http-equiv属性和content属性来设置网页的过期时间
基本语法:<meta http-equiv="expires" content="value">
4.主体内容body
用bgcolor属性来设置网页的页面背景颜色
设置页面边距 topmargin,leftmargin,rightmargin,bottommargin
设置页面正文颜色 text
5.在HTML中如果想要添加空格用 来表示空格
6.添加删除线
<body>
<strike>
添加删除线的文字
</strike>
</body>
7.编辑网页文字样式<font>8.确定文字上下标<sup>/<sub>
9.设置地址文字
10.回车<br/>;水平线<hr width="400px" size="3" color="red" align="center"/>
10.1.cursor:hand 与 cursor:pointer的区别:
cursor:hand 与 cursor:pointer 的效果是一样的,都像光标指向链接一样,光标变成手行。 cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。 cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。
10.2 colspan和rowspan
和这两个属性用于创建特殊的表格。
是“column span(跨列)”的缩写。属性用在td标签中,用来指定单元格横向跨越的列数:
在浏览器中将显示如下:
该例通过把设为“3”, 令所在单元格横跨了三列。如果我们将设为“2”,则该单元格将只跨越两列,于是有必要在第一行插入另外一个单元格,以确保两行占据相同的列数。
该例在浏览器中将显示如下:
浏览器中将显示如下:
上例中的单元格1,其被设为“3”,这表示该单元格必须跨越三行(本身一行,加上另外两行)。因此,单元格1和单元格2在同一行,而单元格3和单元格4形成独立的两行。
11.忽略HTML标记:在HTML文件中利用成对的<xmp></xmp>标记可以忽略HTML标记的作用,让标记之间的包括标记的所有内容直接显示在页面上
12.有序列表和无序列表
无序列表:
<ul> <li>项目名称</li> <li>项目名称</li> <li>项目名称</li>
</ul>
有序列表
注意:当我们需要改变列表符号时,需要在<ol>中输入TYPE属性,进行属性值的设置。 属性值 说明 1 数字1,2... a 小写字母a,b... A 大写字母A,B... i 小写罗马数字i,ii... I 大写罗马数字I,II... <ol type="A"> <li>联系人:XXX</li> <li>联系地址:XXX</li> <li>邮政编码:XXX</li> </ol> 13.超链接
在HTML文件提供了三种路径:绝对路径,相对路径,根路径 在HTML文件中,超链接可以分为内部链接,和外部链接,所谓内部链接:指网站内部文件之间的链接;所谓外部链接:是指网站内的文件链接到站点内容外的文件。 1)设置绝对路径 绝对路径是指文件的完整路径,包括文件传输协议http,ftp等,一般用于网站的外部链接。例如:http://www.baidu.com/ 2)设置相对路径 相对路径是指相对于当前文件的路径,它包含了从当前文件指向目的文件的路径。同时,只要是处于站点文件夹之内,即使不属于同一个文件目录之下,相对路径建立的链接也合适。采用相对路径是建立两个文件之间的相互联系,可以不受站点和所处服务器的影响。 相对路径的使用方法相对位置 如何输入 同一目录 输入要链接的文档 链接上一目录 先输入“../”,再输入目录名 链接下一目录 先输入目录名,后加“/” 3)设置根路径 根路径的设置也适合内部链接的建立,一般情况下不使用根路径,根路径的使用简单,以“/”开头,后面紧跟文件路径,例如/download/index.html 4)超级链接的建立 在网页文件中,超链接通常使用标记<a>属性href属性建立,在这种情况下,当前文档便是链接源,href设置的属性值便是目标文件 例如:<a href="http://www.baidu.com/">百度一下</a> 5)插入内部链接 基本语法:<a href="URL">链接内容</a> 在HTML文件中需要使用内部链接时,插入成对的标记将href属性的URL值设置为相对路径 6)插入外部链接 基本语法:<a href="URL">链接内容</a> 在HTML文件中,需要使用外部链接时,插入成对的标记并将href属性的URL值设置为绝对路径 14.设置表格的边框属性border,表格中的属性在单元格中也适用
利用frame属性可以设置表格边框的样式
利用rules属性可以设置表格内部边框属性
在网页文件中,行内容的方式有左对齐(left),右对齐(right),和居中对齐(center).设置水平对齐方式需要<tr>标记的align属性值。常用的align属性值有left,right,center
17.调整行内容垂直对齐valign
在网页文件中,行内容的垂直对齐方式有顶端对齐(top),居中对齐(middle),底部对齐(bottom)和基线(baseline).设置垂直对齐方式需要设置<tr>标记的valign属性值。常用的valign属性值有top,middle,bottom和baseline
18.设置跨行rowspan
在网页制作过程中,有时需要对网页中的表格进行单元格的纵向合并,这在网页中叫做设置跨行
19.设置跨列colspan
在网页制作过程中,有时需要对网页中的表格进行单元格的横向合并,这在网页中叫做设置跨列
20.设置单元格间距cellspacing
在网页文件中,使用表格进行排版时,为了布局的美观,常常需要对单元格的间隔进行设置,这样可以使网页中的表格显得不是过于紧凑。
21.设置单元格边距cellpadding
在网页文件中,单元格的边距指的是单元格中内容与单元格边框的距离
22.框架的应用
框架实在一个网页中显示多个网页的技术,通过超链接可以为框架之间建立内容之间的联系,从而实现页面导航的功能
框架的主要作用是在一个浏览器窗口显示多个网页,每个区域显示的网页内容也可以不同
1)框架的基本结构
框架的基本结构分为框架集和框架两个部分。框架集指在一个网页文件中定义一组框架结构,包括定义一个窗口中显示的框架数,框架的尺寸以及框架中载入的内容,框架指在网页文件上定义的一个显示区域
在网页文件中,使用框架集得页面的<body>标记将被<frameset>标记代替,然后再利用<frame>标记去定义框架结构,常见的分割框架的方式有:左右分割,上下分割,嵌套分割
2)设置框架源文件属性 src
在HTML文件中,利用src属性可以设置框架中显示文件的路径
3)添加框架名称 name
在HTML文件中,利用框架<frame>标记中的name属性可以为框架自定义一个名称
在HTML文件中,利用框架<frame>标记中的name属性可以为框架自定义一个名称,不会影响到框架的显示效果
4)设置框架边框 frameborder
在HTML文件中,利用框架<frame>标记中的frameborder属性可以设置边框的属性,设置框架显示效果时,只能设置框架的边框是否显示,frameborder值为0时,不显示边框;frameborder值为1时显示边框
5)显示框架滚动条scrolling
在HTML文件中,利用框架<frame>标记中的scrolling属性有三种方式设置滚动条
"yes"添加滚动条
”no“不添加滚动条
”auto“自动添加滚动条
6)调整框架尺寸noresize在HTML文件中,利用框架<frame>标记中的noresize属性可以设置框架的尺寸
7)设置框架边缘宽度与高度 marginwidth与marginheight
在HTML文件中,网页的页面边距可以设置,框架和页面一样,利用框架<frame>标记中的marginwidth属性可以设置框架左右边缘的宽度,marginheight属性可以设置框架上下边缘的宽度
8)添加不支持框架标记<noframes>
虽然框架在网页中使用很广泛,但是有一些版本较低的浏览器不支持框架,网站开发人员只能制作浏览器不支持技术,在网页中使用<noframe>标记,当浏览器不支持框架集文件时,会自动搜寻网页中的<noframe>标记,并显示标记中的内容
9)设置框架集<frameset>
框架集指在一个网页中定义一组框架结构,包括定义一个窗口中显示的框架数,框架的尺寸以及框架中载入的内容,其属性与框架属性大不相同,具体如表中所示
在HTML文件中,利用cols属性将网页进行左右分割
11)上下分割rows
在HTML文件中利用rows属性将网页进行上下分割
12)浮动框架<iframe>
浮动框架是框架页面重的一种特例,在浏览器窗口中嵌入子窗口,插入浮动框架使用成对的<iframe></iframe>标记,其标记具体属性如表所示
23.HTML FORM表单
在FORM提交的时候,如果不指定Method,则默认为GET请 求。"POST"和"GET"两者区别如下:
(1)GET请求通过URL请求来传递用户的输入(将提交的数据放置在请求行中的URL之后,两者使用“?”连接,而各个变量之间使用“&”连接),而POST提交的数据则放在消息头后面的实体数据中;
(2)GET方式提交的数据最多只能有2k(?),而POST理论上没有此限制。
(3)通过GET方法提交数据可能会带来安全性的问题,比如一个登陆页面通过GET方法提交数据时,会暴露用户名、密码等信息;而post提交的数据则是隐式的。
(4)GET限制Form表单的数据集的值必须为ASCII字符;而Post支持整个ISO10646字符集。
站在JAVA角度看,在处理GET和POST的时候的不同表现为:
(5)通过get方式来和通过post方式获取参数用的方法分别为:
post:request.getParameter("") ;
get: request.QueryString("") ;