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

 时间:2026-04-30 13:12:02

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]引用其他网站代码

  • 答辩ppt怎么做
  • 论文成绩怎么评定的
  • 计算机答辩,如何回答功能怎么实现
  • 维普论文查重检测操作流程
  • 答辩申请表怎么填
  • 热门搜索
    土豆丝怎么炒好吃 借条怎么写有法律效力 香菇怎么做好吃 女人为什么喜欢男人 靓汤做法大全 怎么提高记忆力 微信聊天记录怎么查 路由器密码忘记了怎么重新设置 我的世界豹猫怎么驯服 生煎包的做法视频