Question

我正在尝试创建一个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>

Answer 1

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

false

那将是一个开始......但没什么好看的！在你做这样的事情之前，你应该考虑阅读一些基本的html布局。

尝试一下，如果你遇到困难，请回到这里寻求帮助。

一些有用的关键字：

split：合并表格中的单元格

<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>：该属性指定元素是否应该浮动。

colspan，float，div，iframe，embed ......

此过程的后期：css layout，css grid，box-sizing和margin

如果您不必，请尽量避免使用iFrame！

干杯

创建一个包含5个框架的HTML页面

1 个答案: