网页制作，前端基础展示图片和文档

上面是图片效果，下面是简单的实现代码！最后面有素材图片一张！仅供参考！

<!DOCTYPE html >

< html lang= "en" >

< head >

< meta charset= "UTF-8" >

< meta name= "viewport" content= "width=device-width, initial-scale=1.0" >

< meta http-equiv= "X-UA-Compatible" content= "ie=edge" >

< title >Document </ title >

< style >

.p {

padding: 20px;

height: 302px;

width: 602px;

border: 1px solid black;

line-height: 24px;

}

.p img {

float: left;

}

.p p {

width: 394px;

margin-top: 0px;

margin-left: 20px;

float: left;

font-size: 14px;

line-height: 24px

}

< / style >

</ head >

< body >

< div class= "p" >

< img src= "demo.png" alt= "可爱" >

< p >

     爱，是两个人的事，彼此信任，方可长久。

这个世界对我很公平，让我在千里之外还能牵挂你，这或许是我前世修来的福以至于今生遇见你。距上次见面后已经有两月时间，我不知道你是否想过我?是否心里牵挂我?或许有，或许没有，无所谓，我不在乎你的这些，因为有我想你就够了。

自从给你过完生日后，我回来都在想一个问题，我该如何来爱你?

但到现在我都没有想明白，或许我对你的了解太少了，我不知道该如何爱你，因为我不想自私的去爱你! < br >     只想和你快乐的相爱。

</ p >

</ div >

</ body >

</ html >

以下是案例中的图片！

网页制作，前端基础展示图片和文档相关推荐

html网页制作favicon页面，图片存在网页显示
html网页制作favicon页面图片存在却无法显示一.报错页面二.解决方案三.原理一.报错页面二.解决方案 1.你的favicon文件是否命名为favicon.ico:(文件调用名称是否错 ...
零基础开始网页制作-前端开发
什么是网页制作呢? 一个网页页面是用HTML代码来写,而一般的网页页面就是由div和CSS样式.JS特效组合而成, 最简单的网页是由div和css样式组合而成的: 那什么又是div和css呢? Div ...
使用Axure制作无限循环展示图片效果
一.实现的效果如图: 1.此次需要实现的效果是,进入界面后,在图片展示区域的图片根据事先设定好的时间,自动切换不同的图片: 2.循环不间断: 3.页面不出现闪烁的现象. 二.做前工作图片:4张软 ...
关于前端页面展示图片展示时改变方向的解决办法
最近在做项目时发现在手机端上传的照片,后端传给web前端展示时改变了方向, 本来的图片是这样的: 页面中展示的图片是这样的: 后来发现在图片地址中加上这句即可:?x-oss-process=image ...
Web前端基础-CSS美化文档
CSS-美化文档 1,HTML内部添加样式关键字为style,在input标签中添加style=""即可 <input type="text" plac ...
web前端基础——背景图片
作用:设置背景图片大小语法:background-size: 宽度高度取值: 取值场景数字+px 简单方便,常用百分比相对于当前盒子自身的宽高百分比 contain 包含,将背景图片等比 ...
关于后端返回base64的图片编码数据转化为真正的图片，前端进行展示图片预览
是这样的,接到一个需求,用的是vue技术加elementui通过若依框架实现的,后端返回给我一串base64位二维码图形数据,让其点击,弹处层进行预览二维码,开始我还纳闷为啥不放data里如图: 常 ...
初步使用计算机ppt课件,《计算机应用基础教程》第13课：网页制作初步课件.ppt...
<<计算机应用基础教程>第13课:网页制作初步课件.ppt>由会员分享,提供在线免费全文阅读可下载,此文档格式为ppt,更多相关<<计算机应用基础教程>第13 ...
html网页制作教程课件,第2章 HTML入门(网页制作案例教程课件).ppt
第2章 HTML入门认识HTML语言的作用,了解HTML代码的编写特点掌握查看网页代码.修改网页代码的方法掌握HTML常用标记及其属性的用法掌握运用HTML编写网页表格.列表.框架和实现超级链 ...

网页制作，前端基础展示图片和文档

网页制作，前端基础展示图片和文档相关推荐

最新文章

热门文章