Home  >  Article  >  Web Front-end  >  How to use iframe to display weather on your webpage

How to use iframe to display weather on your webpage

php中世界最好的语言
php中世界最好的语言Original
2018-01-26 09:58:412583browse

This time I will show you how to use iframe to allow your webpage to display the weather, and how to use iframe to allow your webpage to display the weather. What are the precautions?The following is a practical case, let’s take a look .

css:

The code is as follows:

*{margin:0;padding:0;list-style-type:none;} 
a,img{border:0;} 
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} 
/* demo */ 
.demo{width:800px;margin:0 auto;} 
.demo div{margin:40px 0 0 0;}

html:

The code is as follows:

<div class="demo"> 
<div> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=5" width="650" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 
</div> 
<div> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=7" style="border:solid 1px red" width="225" height="90" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 
</div> 
<div> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=9" width="800" height="60" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 
</div> 
<div> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=11" width="500" height="15" frameborder="0"></iframe> 
</div> 
<div> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=13" width="650" height="221" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 
</div> 
<div> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=19" width="800" height="120" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 
</div> 
</div>

Believe it or not After reading these cases, you have mastered the methods. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

In HTML lists, what are the differences between dl(dt,dd), ul(li), and ol(li)

What are the uses of HTML head tags

How to solve the problem of incomplete display of vertical columns of text in HTML

The above is the detailed content of How to use iframe to display weather on your webpage. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn