2. 程式人生 > >html 利用 frameset 進行簡單的框架佈局

html 利用 frameset 進行簡單的框架佈局

阿新 • • 發佈：2019-01-03

參考

  • 上面提到frameset 不要和body 同時使用

index.html程式碼

<html>
<frameset rows="50%,50%" cols="*">
    <frameset rows="30%,70%" cols="*" frameborder="yes" border="1" framespacing="1">
        <frame src="a.html"/>
        <frame src="d.html"/>
    </frameset>

    <frameset rows
 
="*" cols="40%,60%" frameborder="yes" framespacing="1">
        <frame src="b.html"/>
        <frame src="c.html"/>
    </frameset>
</frameset>
</html>

a.html 等的程式碼

  • a.html : this is A
  • b.html : this is b
  • c.html : this is c
  • d.html: this is d

效果 （顯示a,b,c,d頁面非常奇怪）

frameset

導航

程式碼

index.html

<html>
<frameset rows="20%,20%,60%">
    <frameset rows="30%,70%" frameborder="yes" border="1" framespacing="1">
        <frame src="a.html"/>
        <frame src="b.html"/>
    </frameset>

    <frameset cols="40%,60%" frameborder="yes" framespacing="1">
 

        <frame src="c.html"/>
        <frame src="d.html"/>
    </frameset>

    <frameset cols="20%,80%" frameborder="yes" framespacing="1">
        <frame src="e.html"/>
        <frame name="showframe"/>
    </frameset>
</frameset>
</html>

e.html

<html>

this is e <br>
<a href="a.html" target="showframe">Frame a</a><br>
<a href="b.html" target="showframe">Frame b</a><br>
<a href="c.html" target="showframe">Frame c</a><br>
<a href="d.html" target="showframe">Frame d</a>

</html>

效果(a,b,c,d頁面顯示還是非常奇怪)

這裡寫圖片描述

相關推薦

html 利用 frameset 進行簡單的框架佈局

參考 上面提到frameset 不要和body 同時使用 index.html程式碼 <html> <frameset rows="50%,50%" cols="*">

Python3網絡爬蟲(一)：利用urllib進行簡單的網頁抓取

robot 資源 urlopen 解碼 支付寶 編碼方式 只需要 服務器 net 一、預備知識 1.Python3.x基礎知識學習： 可以在通過如下方式進行學習： (1)廖雪峰Python3教程(文檔)： URL：http://www.liaoxue

利用Hibernate進行簡單的增刪改查（未使用JPA註解，以Oracle為例）

第一步、建立一個Java專案，名為Hibernate_one 第二步、載入jar包，在src下建立了lib資料夾，用來存放jar包（jar包必須一個都不能少）。如圖 我連線的資料庫是Oracle，所以得載入Oracle的驅動包ojdbc6，如果用mysql資料庫，可從網上

基於Qt與OpenCV的圖片讀取、儲存，並利用Canny進行簡單的邊緣處理結果顯示

第一次寫CSDN部落格，最近在做畢業設計，有空之餘寫了一個圖片讀存和簡單OpenCV的邊緣處理。最終實現了圖片的讀取，邊緣檢測，儲存的功能。 本次採用Qt5.7(安裝包名稱為qt-opensource-windows-x86-mingw530-5.7.1.exe)與OpenCV3.1版本。兩者環境的配置就

Python3網路爬蟲——（1）利用urllib進行簡單的網頁抓取

利用urllib進行簡單的網頁抓取urllib是Python提供的用於操作URL的模組l、快速使用urllib爬取網頁# -*- coding: UTF-8 -*- from urllib import

Python3網路爬蟲(一)：利用urllib進行簡單的網頁抓取

執行平臺：Windows Python版本：Python3.x IDE：Sublime text3     一直想學習Python爬蟲的知識，在網上搜索了一下，大部分都是基於Python2.x的。因此打算寫一個Python3.x的爬蟲筆記，以便後續回顧

利用ansj進行簡單的分詞

1、jar包下載 2、程式碼 public static void main(String[] args) { try { long startTime =

ThinkPHP 利用PHPUnit 進行簡單的測試

  先了解一下大概情況吧 這裡利用的thinkphp 內建的test的擴充套件，對應的phpunit的版本為php

html中利用table進行佈局

<!DOCTYPE html> <html> <head>     <meta charset="utf-8"><title>利用table進行佈局</title> </head> <

Express框架與html之間如何進行數據傳遞

enc end 加載 context 菜鳥 添加 如果 post lose 關於Node.js 的Express框架介紹，推薦看菜鳥教程的Express框架，很適合入門，這裏不再贅述，這裏主要講一下Express框架與html之間如何進行數據傳遞 我采用的是JQuery的A

HTML之介面簡單分割佈局

HTML之介面簡單分割佈局 CSS-Code： <style> *{ margin: 0; padding: 0; } .top{ w

類似footer的效果，利用簡單的佈局實現ListView底部懸浮控制元件

平時使用listview/recycleview的時候，都會經常碰到這麼一個需求：就是一個ListView下面懸浮一個佈局，當ListView的項超過螢幕下方則固定在底部。 一開也是想到用ListView的footer去實現，後來發現一個簡單的佈局實現這個功能。 看圖：  

利用Python進行socket網路程式設計，實現樹莓派與Ubuntu（16.04）之間的簡單的網路聊天

標題 目標： 採用socket程式設計，完成兩個樹莓派之間、或者樹莓派與Ubuntu系統之間的網路文字通訊（或聊天） 分析： 首先我們需要了解socket程式設計的原理以及它是怎麼實現的。 Socket的英文原義是“孔”或“插座”。作為BSD UNIX的程序通訊機制，取後一種意思。

【HTML&CSS】簡單網頁佈局

一、學習內容回顧 ☆常用標籤列舉 <p></p> <!--段落標籤--> <b></b>

如何利用vw+rem進行移動端佈局

前言 因為在公司，只有一個前端，在做移動端佈局的時候。利用px進行佈局,發現，需要進行各種手機的適配。 所以在開發第二版的時候，想著引用lib-flexible庫(即手淘的方案),詢問了上一家公司的同事，會有一些字型和一些詭異的問題。 在無意中，突然一個網

利用 CSS 進行網頁佈局

這裡主要主要介紹如何利用 CSS 來進行網頁的一欄，兩欄，三欄和混合佈局 1. 一列布局 <html> <head> <style type="text/css"> body{m

如何利用異或運算進行簡單加密解密

利用“^”異或運算對字串進行加密 思路：1.先建立字串輸入的Scanner; 2.通過char[] array = password.toCharArray();// 獲取字元陣列； 3.遍歷字元陣列，按目前理解要用到遍歷：陣列所有元素進行訪問，比如你要輸出數組裡所有

MFC中利用ADO對資料庫進行簡單操作的例項

目標：實現對資料庫中的資料進行簡單地操作，包括增、刪、改、查。 第一步，建立一個基於對話方塊的應用程式，命名為TestAdo 第二步，按照圖1的介面佈局新增控制元件 圖1 程式介面示意圖 第三步，程式碼實現      首先，要用#import語句來引用支援ADO的

基於Metronic的Bootstrap開發框架經驗總結（13）--頁面連結收藏夾功能的實現2（利用Sortable進行拖動排序）

在上篇隨筆《基於Metronic的Bootstrap開發框架經驗總結（12）--頁面連結收藏夾功能的實現》上，我介紹了連結收藏夾功能的實現，以及對收藏記錄的排序處理。該篇隨筆主要使用功能按鈕的方式移動收藏記錄，功能雖然實現的還算不錯，不過文章出來後，有讀者同行指出可以利用直接拖動的方式實現排序更方便，因此對其

GreenDao資料庫框架 最精簡使用教程 並對其進行簡單封裝

GreenDao框架的使用步驟:(android studio) 1.首先在project的build.gradle下進行新增如下依賴: dependencies { classpath 'org.greenrobot:greendao-grad