节点一复习-图片与文字对齐方式
2017-11-25 21:04
381 查看
/*
*Copyright (c) 2017,烟台大学计算机学院
All rights reserved.
*文件名称:关于HTML的练习
*作 者:张晴晴
*完成日期:2017年11月25日
*版 本 号:v1.0 *
*问题描述:HTML5-JavaScript
*输入描述: 无
*程序输出: 无
*/
<HTML>
<HEAD>
<TITLE>图像与文字对其方式</TITLE>
</HEAD>
<BODY>
<PRE>
<IMG src="images/image_align1.jpg" alt="新品新气象" width="115" height="140" align="left">
<FONT color="#FF0000" face="黑体" size="+2">导购:</FONT><BR>
<A href="#">好好学习</A>
<A href="#">天天向上</A>
<A href="#">考上大学</A>
<A href="#">找个对象</A>
<A href="#">考上大学也不一定找到对象哦。。。</A>
</PRE>
</BODY>
</HTML>
运行结果:
知识巩固:<!--alt的属性是当出现意外情况不能显示图片时,在图片位置显示的提示文字-->
*Copyright (c) 2017,烟台大学计算机学院
All rights reserved.
*文件名称:关于HTML的练习
*作 者:张晴晴
*完成日期:2017年11月25日
*版 本 号:v1.0 *
*问题描述:HTML5-JavaScript
*输入描述: 无
*程序输出: 无
*/
<HTML>
<HEAD>
<TITLE>图像与文字对其方式</TITLE>
</HEAD>
<BODY>
<PRE>
<IMG src="images/image_align1.jpg" alt="新品新气象" width="115" height="140" align="left">
<FONT color="#FF0000" face="黑体" size="+2">导购:</FONT><BR>
<A href="#">好好学习</A>
<A href="#">天天向上</A>
<A href="#">考上大学</A>
<A href="#">找个对象</A>
<A href="#">考上大学也不一定找到对象哦。。。</A>
</PRE>
</BODY>
</HTML>
运行结果:
知识巩固:<!--alt的属性是当出现意外情况不能显示图片时,在图片位置显示的提示文字-->
相关文章推荐
- 图片和文字同行显示时的垂直对齐方式
- 更改纯文字按钮或者图片内容的对齐方式
- HTML图片和文字一行时的对齐方式
- 图片和文字同行 对齐方式
- 图片和文字在表格中的对齐方式
- 修改button上文字的对齐方式 字和图片共存
- img标签与文字对齐方式
- PHP合成图片、生成文字、居中对齐、画线、矩形、三角形、多边形、图片抗锯齿、不失真 高性能源码示例
- 关于CSS的一些零碎的知识(css hack,图片与文字对齐)
- 图片和文字对齐的方法
- 文字和图片垂直对齐
- html里,实现图片与文字对齐的最简洁方法
- input文本框、文字、按钮、图片 垂直居中对齐
- iOS中如何把UIButton中的图片和文字上下对齐
- IOS-55-UILable文字两边对齐的实现方式
- checkbox与文字对齐方式(同样可用于radio单选框)
- uibutton 使用settitle后如何修改其中文字对齐方式
- UIButton 图片文字上下对齐
- li中的图片和文字不对齐div+css,解决方法
- UIButton设置UIControlContentHorizontalAlignment调整文字对齐方式