计算机专业毕业设计:[27]引用其他网站代码
1、运行网站程序的文章列表界面,发现左侧内容还是有点空,我们可以加入一点其他网站的东西
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/75af02324b18512c81b21813ad334884cce3499b.jpg)
2、定位到新闻分类代码位置,我们在新闻分类的上边加一个 <div></div>标签
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/d9e638334884cde3596f965af07f860e7d75429b.jpg)
3、加入如图所示代码,我们采用<iframe></iframe>标签进行引用
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/7a3e980e7c75e5f4e4b62eb9b1ceaad7736bbc9b.jpg)
4、复制新闻分类的div代码,作为我们插入的代码的标题,修改文字为:历史上的今天<div class="left_title">历史上的今天</div>
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce27ba4f4bbef781423bfb9b69b.jpg)
5、保存运行之后,看到如图所示的效果,发现文字大小和边距不正常
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/777f3fc2bbd6e1d04aab5ad50d254193cfe8af9b.jpg)
6、修改div距上下左右的边距,<div style="margin:5px;">,调整iframe标签里面的文字大小
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/555acf0ff2260d9a004dd72d622abab84340a59b.jpg)
7、我们修改了之后保存运行,还是刚才的效果,这个时候我们就需要点击【生成】【重新生成网站】
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/f0848bee41c1b7279010c63c1a2ca5cadde8989b.jpg)
8、在输出窗口中,可以看到网站输出情况
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/76b6860e5f2043711898f694323acd8921c58f9b.jpg)
9、再次运行,可以看见现在【历史上的今天】距四周都有了一定的间隙
![计算机专业毕业设计:[27]引用其他网站代码](https://exp-picture.cdn.bcebos.com/444696013870d5416ecf66bc2e0f94fc518c809b.jpg)