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

How to implement second-level scheduled tasks with Linux Crontab Shell script

1. Write Shell script crontab.sh #!/bin/bash step...

Zookeeper stand-alone environment and cluster environment construction

1. Single machine environment construction# 1.1 D...

Solution to the conflict between two tabs navigation in HTML

Let's start with a description of the problem...

Set the input to read-only via disabled and readonly

There are two ways to achieve read-only input: dis...

Introduction to new features of ECMAscript

Table of contents 1. Default values ​​for functio...

MySQL 8 new features: Invisible Indexes

background Indexes are a double-edged sword. Whil...

Docker installs redis 5.0.7 and mounts external configuration and data issues

Redis is an open source NoSQL database written in...

HTML+CSS+JavaScript to achieve list loop scrolling example code

Description: Set a timer to replace the content of...

Detailed example of how to implement transaction commit and rollback in mysql

Recently, we need to perform a scheduled migratio...

Let's talk briefly about the changes in setup in vue3.0 sfc

Table of contents Preface Standard sfc writing me...

Vue realizes the function of uploading photos on PC

This article example shares the specific code of ...

Four modes of Oracle opening and closing

>1 Start the database In the cmd command windo...

MySQL performance optimization index pushdown

Index condition pushdown (ICP) is introduced in M...

Resolving MySQL implicit conversion issues

1. Problem Description root@mysqldb 22:12: [xucl]...