ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLタグフレームセット&画像切り替え_html/css_WEB-ITnose
HTMLタグフレームセット&画像切り替え_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:49:42933ブラウズ
今日は、緊急時に必要な場合に備えて、先ほどまとめたHTML体験を共有したいと思います。
まず、frameset タグを紹介します。このタグは、プロジェクトのニーズに合わせて、同じページ内で Web ページを切り替えるために使用されます。
bodyタグ内にframesetタグを配置することはできません。 具体的な実装は以下の通りです:
プロジェクト構造:
メインページコード(index.jsp):
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!-- 同一页面内相互切换 cols:左右分割框架 frameborder:设置分割线的宽度 noresize:设置分割线不可拖动 --><frameset cols="10%,*" frameborder="no"> <frame src="title01.jsp" noresize/> <frame src="content01.jsp" name="content"/><!-- name的值用来唯一标示该框架 --></frameset>
左リンクページ(title01.jsp) ):
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <body style="background-color: red;"> <a href="content01.jsp" target="content">标题1</a><br/><!-- target:用来指定跳转后显示的框架 --> <a href="content02.jsp" target="content">标题2</a><br/> <a href="content03.jsp" target="content">标题3</a><br/> <a href="content04.jsp" target="content">标题4</a><br/> </body></html>
右側のコンテンツ表示インターフェース (通常の JSP インターフェースです)、そして最後に誰もが勉強できるようにレンダリングが添付されています。
具体的なプロジェクトのソースコードが必要な場合は、メールを残してください。より良い結果を持っている人がいたら、アドバイスをお願いします。 。ありがとうございます
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。