当前位置:  编程技术>WEB前端
本页文章导读:
    ▪HTML基础知识      水平线标记:<hr size=”3” align=”left”width=”75%” color= "red" /> hr标记表示在文档当前位置画一条水平线,其中size属性定义线的粗细,属性值取整数,缺省值为1; align属性.........
    ▪jquery 无限级联菜单      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){ $('.menu li').hover(function(){ $(this).child.........
    ▪如何将WEB-INF下的jsp页面插入在frameset中                在做毕业设计中,我是将jsp页面全部放入WEB-INF文件夹中。但是这样就遇到了一个问题。WEB-INF是受保护文件夹,我们不能通过常规的方法来访问里面的资源,也就是.........

[1]HTML基础知识
    来源: 互联网  发布时间: 2013-11-15

水平线标记:<hr size=”3” align=”left”width=”75%” color= "red" />

hr标记表示在文档当前位置画一条水平线,其中size属性定义线的粗细,属性值取整数,缺省值为1;

align属性表示对齐方式,可取left(左对齐,缺省值),center(居中),right(右对齐);

width属性定义线的长度,可取相对值(由一对“”号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如width=“300”),缺省值是“100%”。

网页标题:<title>网页标题</title>

网页标题是提示网页内容和功能的文字,它将出现在浏览器的标题栏中,一个网页只能有一个标题,并且只能在文件的头部进行设置。

标签meta:

<meta name=“keywords”content=“关键字1,关键字2”/>

<meta name=“description”content=“页面的描述内容”/>

<meta name=“author”content=“作者的姓名”/>

<meta http-equiv=“content-type”content=“text/html; charset=字符集类型”/>

<meta http-equiv=“refresh”content=“跳转时间;url=链接地址”/>

跳转时间默认以秒为单位。

当语法中的链接地址被省略时,网页的功能就变成了刷新页面本身,这在不断更新数据的页面中常常会用到。

<meta http-equiv=“过渡事件”content=“revealtrans(duration=过渡效果持续时间,transition=过渡方式)”/>

过渡事件值为page-enter时是进入页面,值为page-exit时是离开页面。

过渡效果持续时间默认情况下以秒为单位

过渡方式取值为0到23,分别代表盒状收缩、盒状放射等不同的过渡方式

<!- - 注释的文字- ->

字体控制标记符:< FONT> < /FONT>

<FONT size="2" face="宋体"color="#0000ff"> 例子一</FONT>

物理字符样式:

 

滚动文字效果——<MARQUEE></MARQUEE>

width 和height——滚动字幕滚动区域的宽度和高度

align——滚动字幕与周围对象对齐的方式

behavior——滚动字幕移动的方式#=scroll, slide, alternate

bgcolor ——滚动字幕区域的背景色

direction ——文本滚动的方向 #=left, right

hspace和vspace ——滚动字幕四周水平和垂直方向上的间隙

loop ——滚动重复的次数

scrollamout ——文本滚动的步进象素间距

scrolldelay ——两次文本重画之间的毫秒延时数

例子:

<HTML>

<HEAD><TITLE>滚动字幕示例</TITLE></HEAD>

<BODY>

       <DIValign="center">

       <MARQUEEbgcolor="#00FFFF" width="500">

      

  <FONT face="楷体_gb2312">哈哈哈,我在滚动!</FONT>

              </DIV><BR>

              <IMGsrc=/blog_article/"barbarian.jpg align="absmiddle">图像也可以滚动哦!

              <P>

     我滚动的很快!

      

</MARQUEE>

</BODY>

</HTML>

段落标记符——< P> < /P >    换行标记符——<BR>

区别:

<P>不能产生多个空行,而<BR>则可在内容之间设置多个空行,即形成空白

<P>是断段,而<BR>是断行

标题标记符——<Hn></Hn>

浏览器在解释标题标记符时,会自动改变文字的大小,并且将字体改为黑体,同时将内容设为一个段落

n是1至6的数字,<H1>表示最大的标题,<H6>表示最小的标题

文本对齐:

align属性:取值:right(右)、left(左)、center(居中)justify(两端)

DIV标记符——<DIV> </DIV>

为文档分节,以便为文档的不同部分应用不同的段落格式

必须与 align等属性联合使用

位于 DIV 标记符中的多段文本将被认为是一个节,可为它们设置一致的对齐格式。

CENTER标记符——<CENTER></CENTER>

将<CENTER>和 </CENTER>包括起来的内容定义为居中对齐

列表格式:

有序列表(Ordered list)

<OL>

      <LI>列表项 1

      <LI>列表项 2

       <LI>列表项 3

</OL>

OL标记符的属性:

type——设置数字序列样式

start ——设置数字序列的起始值, 值可以是任意整数

当位于 OL 标记符内时,LI 标记符的属性:

type ——设置数字样式,取值与OL 的 type 属性相同

value ——设置一个新的数字序列起始值,以获得非连续性的数字序列

<OL>

  <LI>列表项1<LI>列表项2 <LIvalue="5">列表项3

</OL>

有序列表的嵌套

使用有序列表嵌套可以获得不同层次的编号列表。嵌套时,只需将内层列表作为外层列表的一个列表项即可。列表的嵌套层数没有限制。

无序列表(Unordered list

    
[2]jquery 无限级联菜单
    来源:    发布时间: 2013-11-15
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$('.menu li').hover(function(){
$(this).children('ul').show();
$(this).focus().addClass('focusa')
},function(){
$(this).children('ul').hide();
$(this).focus().removeClass('focusa');
});

});

</script>
<style type="text/css">
ul{ list-style:none; margin:0; padding:0;}

.menu { height:30px; line-height:30px; }
.menu li { float:left; position:relative;} /*这一级是导航*/
.menu li a { display:block; height:30px; line-height:30px; padding:0 20px; }
.menu li a:hover { color:#000; background:url(/blog_article/img/bg1.png); }
.menu li a.more { background:url(/blog_article/img/there.png) no-repeat 130px center; }

.menu li ul { position:absolute; float:left; width:150px;
    
[3]如何将WEB-INF下的jsp页面插入在frameset中
    来源: 互联网  发布时间: 2013-11-15

          在做毕业设计中,我是将jsp页面全部放入WEB-INF文件夹中。但是这样就遇到了一个问题。WEB-INF是受保护文件夹,我们不能通过常规的方法来访问里面的资源,也就是说如果我们在在frameset中写如下代码是访问不了的:

<frame src=/blog_article/"/WEB-INF/page/admin_righr.html name="main" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto"/>

上面的代码是会报404错误的。

 那么该如何解决这个问题呢?这里有三种方法可以解决:

 一、利用Struts框架

    1、我们在frame中配置src时,将他指向一个action。

<frame src=/blog_article/"${pageContext.request.contextPath }/adminIndex/toAdmin_toAdminRight.action" name="main" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto"/>
2、在该处理方法中返回一个字符串。然后在struts.xml中处理结果时指向需要加载的jsp文件即可。

	/**
	 * admin_right.jsp
	 */
	public String toAdminRight(){
		return "adminRight";
	}
	<package name="adminIndex" namespace="/adminIndex" extends="struts-default">
		<action name="toAdmin_*" class="adminIndexAction" method="{1}">
			<result name="adminRight">/WEB-INF/page/backstage/admin_right.jsp</result>
		</action>
	</package>

二、使用Servlet

<servlet>
  <servlet-name>servletName</servlet-name>
  <jsp-file>/WEB-INF/admin_right.jsp>
</servlet>
<servlet-mapping>
  <servlet-name>servletName</servlet-name>
  <url-pattern>/.do</url-pattern>
<servlet-mapping>
然后路劲指向该servlet即可。


 三、用<jsp:forward page="WEB-INF/XXX">就直接可以访问web-inf目录下的jsp。

作者:chenssy 发表于2013-3-25 22:31:53 原文链接
阅读:0 评论:0 查看评论

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3