How to embed other web pages in a web page using iframe

How to embed other web pages in a web page using iframe

How to use iframe:

Copy code
The code is as follows:

<DIV align=center><IFRAME src="<a href="https://www.jb51.net">https://www.jb51.net</a>" frameBorder=0 marginwidth=0 marginheight=0 scrolling=no style="width168:px;height:50px;" width=168 height=50 scrolling=no ALLOWTRANSPARENCY="true"></IFRAME></DIV>


Description: This is an example of an application that embeds a weather forecast. This effect is the most commonly used. in:

1. "https://www.jb51.net" is the address of the embedded web page;
2. width="168px" height="50px" are the width and height of the embedded web page. The larger the value, the larger the range. To hide the embedded content, set these two values ​​to 0;
3. scrolling="no" is the scrolling setting for the embedded web page. When the content range is large, it can be set to allow scrolling as scrolling="yes". ALLOWTRANSPARENCY="true" allows transparent settings, change true to no for opaque settings. Same below;
4. frameBorder=0 is the border setting for the embedded web page. 0 means no border, 1 means the thickness of the border. The larger the value, the thicker the border. Same below;
5. marginwidth=0 marginheight=0 Set the distance from the embedded web page to the margin, 0 means no margin.

<<:  Pure CSS to achieve the text icon function by taking the first character of the string

>>:  Summary of Nginx location and proxy_pass path configuration issues

Recommend

Detailed tutorial for installing ffmpeg under Linux

1. Install ffmpeg under centos linux 1. Download ...

js array entries() Get iteration method

Table of contents 1. Detailed syntax of entires()...

The difference between Input's size and maxlength attributes

I recently used the input size and maxlength attri...

HTML+CSS+jQuery imitates the search hot list tab effect with screenshots

Copy code The code is as follows: <!DOCTYPE ht...

How to quickly build ELK based on Docker

[Abstract] This article quickly builds a complete...

The pitfall of MySQL numeric type auto-increment

When designing table structures, numeric types ar...

MySQL 8.0.13 installation and configuration tutorial under CentOS7.3

1. Basic Environment 1. Operating system: CentOS ...

Causes and solutions for cross-domain issues in Ajax requests

Table of contents 1. How is cross-domain formed? ...

v-html rendering component problem

Since I have parsed HTML before, I want to use Vu...

Solution to Docker image downloading too slowly

Docker image download is stuck or too slow I sear...

Implementation of MySQL master-slave status check

1. Check the synchronization status of A and B da...

Vue.js implements simple folding panel

This article example shares the specific code of ...