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

Why is IE6 used by the most people?

First and foremost, I am a web designer. To be mor...

TortoiseSvn Little Turtle Installation Latest Detailed Graphics Tutorial

There were always problems when installing tortoi...

How to implement animation transition effect on the front end

Table of contents Introduction Traditional transi...

JS implements simple calendar effect

This article shares the specific code of JS to ac...

Using js to realize dynamic background

This article example shares the specific code of ...

Front-end JavaScript thoroughly understands function currying

Table of contents 1. What is currying 2. Uses of ...

A brief talk about React Router's history

If you want to understand React Router, you shoul...

Solve the problem that Docker must use sudo operations

The steps are as follows 1. Create a docker group...

Problems and solutions encountered when installing mininet on Ubuntu 16.04.4LTS

Mininet Mininet is a lightweight software defined...

Solution for creating multiple databases when Docker starts PostgreSQL

1 Introduction In the article "Start Postgre...

Vue+Vant implements the top search bar

This article example shares the specific code of ...

Solve the problem of running hello-world after docker installation

Installed Docker V1.13.1 on centos7.3 using yum B...

HTML table tag tutorial (7): background color attribute BGCOLOR

The background color of the table can be set thro...

Build a Docker private warehouse (self-signed method)

In order to centrally manage the images we create...

Sharing ideas on processing tens of millions of data in a single MySQL table

Table of contents Project Background Improvement ...