Summary of techniques for implementing complex page layout using frameset

Summary of techniques for implementing complex page layout using frameset

Copy code
The code is as follows:

<html>
<!--Mixed frame layout:
To achieve complex page layout, just use the <frameset> tag in the <frameset> tag, and then set it through the cols and rows attributes.
<frameset rows="50%,50%">
<frame src="02图片标签.html" name="top">
<frameset cols="25%,75%">
<frame src="frame_a.html">
<frame src="02图片标签.html" name="right">
</frameset>
</frameset>
</html>

frame_a.html

Copy code
The code is as follows:

<html>
<head></head>
<!--The target attribute in the a tag points to the element frame in the frame collection
The value of target is the value of name in the frame tag -->
<body>
<a href="http://www.itheima.com" target="top">Official website</a>

<a href="http://www.baidu.com" target="right">Baidu</a>
</body>
</html>

<<:  Implementation of CSS circular hollowing (coupon background image)

>>:  Use ab tool to perform API stress test on the server

Recommend

Configure selenium environment based on linux and implement operation

1. Using Selenium in Linux 1. Install Chrome Inst...

Web lesson plans, lesson plans for beginners

Teaching Topics Web page Applicable grade Second ...

Common shell script commands and related knowledge under Linux

Table of contents 1. Some points to remember 1. V...

How to install MySQL database on Debian 9 system

Preface Seeing the title, everyone should be thin...

Installation and configuration tutorial of MongoDB under Linux

MongoDB Installation Choose to install using Yum ...

The difference between z-index: 0 and z-index: auto in CSS

I've been learning about stacking contexts re...

Specific implementation methods of MySQL table sharding and partitioning

Vertical table Vertical table splitting means spl...

MySQL reports an error: Can't find file: './mysql/plugin.frm' solution

Find the problem Recently, I found a problem at w...

Detailed explanation of the steps to build a Vue project with Vue-cli

First you need to install Vue-cli: npm install -g...

How to pass W3C validation?

In addition to setting regulations for various ta...

Sample code for implementing music player with native JS

This article mainly introduces the sample code of...

Interpretation of the module for load balancing using nginx

Table of contents Two modules for using nginx for...

A Preliminary Study on JSBridge in Javascript

Table of contents The origin of JSBridge The bidi...