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

Database SQL statement optimization

Why optimize: With the launch of the actual proje...

Pure CSS to achieve cloudy weather icon effect

Effect The effect is as follows ​ Implementation ...

Detailed tutorial on integrating Apache Tomcat with IDEA editor

1. Download the tomcat compressed package from th...

Implementation example of Docker rocketmq deployment

Table of contents Preparation Deployment process ...

Analysis of common usage examples of MySQL process functions

This article uses examples to illustrate the comm...

How to periodically clean up images that are None through Jenkins

Preface In the process of continuous code deliver...

Solution to the problem of adaptive height and width of css display table

Definition and Usage The display property specifi...

Docker commands are implemented so that ordinary users can execute them

After installing docker, there will usually be a ...

Examples of using HTML list tags dl, ul, ol

Copy code The code is as follows: <!-- List ta...

MySQL statement execution order and writing order example analysis

The complete syntax of the select statement is: S...

How to view Linux ssh service information and running status

There are many articles about ssh server configur...