html图像入门_html/css_WEB-ITnose
程序员文章站
2022-03-31 08:15:35
...
在HTML中,图像由标签定义。
是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,需要使用源属性src, src指的是"source”(源)。源属性的值是图像的url地址
定义的图像语法是: 。
浏览器将图像显示在文档图像标签出现的地方。如果将图像标签在两个段落之中的话,那样浏览器
会先选择第一个段落,然后在出现图像,在者就是后一个段落了。
alt属性用来为图像定义一串预留的可替换文本。替换文本属性值是自己设定的。中英文都可以使用。
例如:
养成替换文本的好习惯有助于更好的显示信息,对于那些使用纯文本浏览器的人来说非常有用的。
假如某个HTML文件包 含十个图像,那么为了正确显示这个页面,需要加载11个文件。加载图片是需要时间的。
图像背景
gif和jpg文件均可用做HTML背景,如果图像小于页面,图片会进行重复。
例如:
图片对齐中间
图片对齐顶部
图片的默认对齐方式是bottom。
图像浮动
带有图像的一个段落。图像的align属性设置为"left"。图像将浮动来文本左侧
带有图像的一个段落。图像的align属性设置为"right"。图像将浮动到文本右侧
调整图像的尺寸
通过改变 img 标签的"height"和"width"属性的值可以放大或缩小图像
缩小图像:
放大图像:
图片制作超链接
推荐阅读
-
PHP实现将HTML5中Canvas图像保存到服务器的方法
-
Bootstrap栅格布局系统的特点_html/css_WEB-ITnose
-
初探css3_html/css_WEB-ITnose
-
二级导航菜单_html/css_WEB-ITnose
-
Bootstrap组件之Glyphicons字体图标_html/css_WEB-ITnose
-
HTML常用标签之超链接标签_html/css_WEB-ITnose
-
CSS3透明属性opacity_html/css_WEB-ITnose
-
CSS的opacity属性_html/css_WEB-ITnose
-
一款纯css3实现的颜色渐变按钮_html/css_WEB-ITnose
-
HTML 30分钟入门教程