计算机专业毕业设计:[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]引用其他网站代码
  • 答辩ppt怎么做
  • 论文成绩怎么评定的
  • 计算机答辩,如何回答功能怎么实现
  • 维普论文查重检测操作流程
  • 答辩申请表怎么填
  • 热门搜索
    怎么样去黑头 银行利息怎么计算 lol升级最快的方法 爱玛电动车质量怎么样 红枣吃多了会怎么样 联想手机怎么刷机 金钱树的养殖方法和注意事项 研究方法有哪些 纹身图案大全图片 家常食谱