相关动态
HTML常用的知识点
2024-11-10 23:25

1.在HTML代码中标签不区分大小写

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中如果想要添加空格用&nbsp;来表示空格

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,表格中的属性在单元格中也适用

表格边框属性 属性名称说明border边框粗细bordercolor边框颜色bordercolorlight亮边框颜色bordercolordark暗边框颜色
15.设置表格边框样式frame , rules

利用frame属性可以设置表格边框的样式

利用rules属性可以设置表格内部边框属性

frame常见属性 属性值说明above显示上边框border显示上下左右边框below显示下边框hsides显示上下边框lhs显示左边框rhs显示右边框void不显示边框vsides显示左右边框
rules常见属性 属性值说明all显示所有内部边框groups显示介于行列边框none不显示内部边框cols仅显示列边框rows仅显示行边框

16.调整行内容水平对齐align

在网页文件中,行内容的方式有左对齐(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> 

框架集指在一个网页中定义一组框架结构,包括定义一个窗口中显示的框架数,框架的尺寸以及框架中载入的内容,其属性与框架属性大不相同,具体如表中所示

框架集属性 属性说明frameborder设置框架集边框的显示效果framespacing设置框架集边框的宽度framecolor设置框架集边框的颜色rows设置框架集上下分割cols设置框架集左右分割
10)左右分割边框cols

在HTML文件中,利用cols属性将网页进行左右分割

 
11)上下分割rows 

在HTML文件中利用rows属性将网页进行上下分割

 
12)浮动框架<iframe> 

浮动框架是框架页面重的一种特例,在浏览器窗口中嵌入子窗口,插入浮动框架使用成对的<iframe></iframe>标记,其标记具体属性如表所示

浮动框架属性 属性说明src设置源文件属性width设置浮动框架窗口宽度height设置浮动框架窗口高度name设置框架名称align设置框架对齐方式frameborder设置框架边框framespacing设置框架边框宽度scrolling设置框架滚动条noresize设置框架尺寸bordercolor设置边框颜色marginwidth设置框架左右边距marginheight设置框架上下边距

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("") ; 

    以上就是本篇文章【HTML常用的知识点】的全部内容了,欢迎阅览 ! 文章地址:http://yybeili.xhstdz.com/quote/72004.html 
     栏目首页      相关文章      动态      同类文章      热门文章      网站地图      返回首页 物流园资讯移动站 http://yybeili.xhstdz.com/mobile/ , 查看更多   
发表评论
0评