html基础 设置img的align属性,left,right 实现图文混排的效果
2017-02-10 17:03
435 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
ex1:
code:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 <meta charset="utf-8" /> 7 </head> 8 <body> 9 <!--通过设置img的align属性,left,right 实现图文混排的效果--> 10 <img src="images/picture.jpg" align="left"/> 11 <p> 12 水陆草木之花,可爱者甚蕃。晋陶渊明独爱菊。自李唐来,世人甚爱牡丹。予独爱莲之出淤泥而不染,濯清涟而不妖,中通外直,不蔓不枝,香远益清,亭亭净植,可远观而不可亵玩焉。 13 予谓菊,花之隐逸者也;牡丹,花之富贵者也;莲,花之君子者也。噫!菊之爱,陶后鲜有闻。莲之爱,同予者何人?牡丹之爱,宜乎众矣! 14 </p> 15 16 </body> 17 </html>View Code
result:
ex2:
code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> </head> <body> <img src="images/picture.jpg" align="right"/> <p> 水陆草木之花,可爱者甚蕃。晋陶渊明独爱菊。自李唐来,世人甚爱牡丹。予独爱莲之出淤泥而不染,濯清涟而不妖,中通外直,不蔓不枝,香远益清,亭亭净植,可远观而不可亵玩焉。 予谓菊,花之隐逸者也;牡丹,花之富贵者也;莲,花之君子者也。噫!菊之爱,陶后鲜有闻。莲之爱,同予者何人?牡丹之爱,宜乎众矣! </p> </body> </html>
result:
2017-11-29
图片放错了。应该放
(图片源自百度)
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我是跟着 传智播客的PHP基础视频_html+css+js 视频教程学习的,推荐。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
相关文章推荐
- html基础 设置img的align属性,left,right 实现图文混排的效果
- HTML基础 body标签text属性将普通文本颜色改为白色,实现有趣的密文效果
- tabcontrol的alignment属性设置成Left或Right时,tabPage的text内
- [HTML]Css设置img属性让图片水平居中,居左,居右
- UI导航栏(UINavigation)相关属性left\rightButton,导航栏title,系统时间颜色的设置
- HTML基础 img标签title属性 鼠标移动到图片上时显示文字
- HTML基础知识二(页面属性、注释、表格、设置表框颜色)
- html + css 在设置了 z-index 属性后没效果的问题解决办法
- HTML img标签align属性
- 借助 CAGradientLayer 可以设置渐变色的属性 实现苏宁易购首页导航栏的效果
- 如何动态的设置Relative Layout中按钮的layout_align_parent_right属性
- HTML基础 img标签alt属性 当图片加载失败的时候显示为文本
- 关于在代码中设置TextView的drawableright drawleft 等的属性问题总结
- Android动态布局,并动态为TextView控件设置drawableLeft、drawableRight等属性加入图标
- Extjs 利用panel html属性加入DIV实现如TextArea的效果,并且能正确使用html标签,实现如向textarea文本域嵌入按钮button或其他控件,,而且兼容firefox
- HTML: <a> target属性以及如何在JS实现相同效果
- text-decoration <del> <s> 实现横线从文字中间穿过的CSS效果属性和html标签
- 一行代码设置TForm颜色的前世今生(属性赋值引起函数调用,然后发消息实现改变显示效果),TForm的初始颜色在dfm中设置了clBtnFace色
- Android UI设计系列之HTML标签实现TextView设置中文字体加粗效果(6)
- [转]实现文字跑马灯效果,scrolling text from right to left