手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

计算机专业毕业设计:[27]引用其他网站代码

时间:2024-11-25 20:20:46

1、运行网站程序的文章列表界面,发现左侧内容还是有点空,我们可以加入一点其他网站的东西

计算机专业毕业设计:[27]引用其他网站代码

2、定位到新闻分类代码位置,我们在新闻分类的上边加一个 <div></div>标签

计算机专业毕业设计:[27]引用其他网站代码

3、加入如图所示代码,我们采用<iframe></iframe>标签进行引用

计算机专业毕业设计:[27]引用其他网站代码

4、复制新闻分类的div代码,作为我们插入的代码的标题,修改文字为:历史上的今天<div class="left_title">历史上的今天</div>

计算机专业毕业设计:[27]引用其他网站代码

5、保存运行之后,看到如图所示的效果,发现文字大小和边距不正常

计算机专业毕业设计:[27]引用其他网站代码

6、修改div距上下左右的边距,<div style="margin:5px;">,调整iframe标签里面的文字大小

计算机专业毕业设计:[27]引用其他网站代码

7、我们修改了之后保存运行,还是刚才的效果,这个时候我们就需要点击【生成】【重新生成网站】

计算机专业毕业设计:[27]引用其他网站代码

8、在输出窗口中,可以看到网站输出情况

计算机专业毕业设计:[27]引用其他网站代码

9、再次运行,可以看见现在【历史上的今天】距四周都有了一定的间隙

计算机专业毕业设计:[27]引用其他网站代码
© 手抄报圈