用5個框架創建一個HTML頁面

-2

我想創建一個HTML框架，如下圖所示。我將創建操作系統和服務器空間的快照用5個框架創建一個HTML頁面

請求您對此的幫助...我已經嘗試了iframe並且無法獲得正確的設置......幀應該佔據屏幕的一半，整個屏幕需要填充。如果這可以滾動並且框架邊界可以在任一方向上移動，則會更好。

下圖顯示了我現在是如何設計的......我似乎沒有得到px或％權利。

這是我現在的代碼： -

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    </head> 
    <body> 
     <iframe width="500" src = "menu.html"></iframe> 
     <iframe width="500"></iframe> 

     <br><br> 

     <iframe width="500px"></iframe> 
     <iframe width="500px"></iframe> 
    </body> 
</html>

來源

2017-09-04 NottyHead

並不清楚你的要求 –

嗯，首先你會需要寫一些實際的HTML代碼，而不是隻用這樣一個形象。你只是在尋找HTML教程，特別是使用框架？ Google上有很多可以找到的東西。 – David

只需將'width'設置爲'50％'而不是固定'500px'即可。然後進行下一步並將您的佈局組織到表格或div中。這是非常基本的東西 - 如果您不想手工製作佈局，請嘗試使用wysiwyg編輯器。 – Filburt

https://jsfiddle.net/s2tgqt7m/1/

<div style="border: 1px solid #535353; float: left; width: 400px; height: 400px;"> 
    Processes running 
</div> 
<div style="border: 1px solid #535353; float: left; width: 400px; height: 400px;"> 
    Processes stopped 
</div> 

<table style="width: 400px; float: left;"> 
    <tr> 
    <td colspan="5">Disc space</td> 
    </tr> 
    <tr> 
    <td>Disk</td> 
    <td>Label</td> 
    <td>Size (GB)</td> 
    <td>Used</td> 
    <td>Free</td> 
    </tr> 
    <tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
</table> 
<table style="width: 400px; float: left;"> 
    <tr> 
    <td colspan="5">Hot Fixes</td> 
    </tr> 
    <tr> 
    <td>ID</td> 
    <td>Name</td> 
    <td colspan="3">Link</td> 
    </tr> 
    <tr> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
    </tr> 
</table>

這將是一個開始......但沒有偉大的！在你做這樣的事情之前，你應該考慮閱讀一些基本的HTML佈局。

給它一個嘗試，如果你卡住了回來這裏尋求幫助。

一些關鍵字，這將是有幫助的：

colspan：合併細胞表

float：屬性指定的元素是否應該浮動。

div，iframe，embed，css layout，css grid ...

在後面的過程：box-sizing，margin，padding和clear

如果你沒有，儘量避免iFrame的！

乾杯

來源

2017-09-04 11:27:10 floGalen

用5個框架創建一個HTML頁面

回答

相關問題