HTML入门笔记14-HTML中插入图片标签
来源:互联网 发布:ios10怎么信任软件 编辑:程序博客网 时间:2024/05/17 08:48
本篇学习HTML中插入图片标签<img>,img是英文单词image的缩写,主要有三个参数,scr的值需要写图片的路径,height表示图片高度,width表示图片宽度,下面我们用百度首页图片来演示。需要提前把百度首页图片保存到本地,例如我在桌面创建一个HTML的文件夹,里面有baidu.png和当前演示的demo.html两个文件。
<!DOCTYPE html> <html> <head> <title> HTML插入图片 </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <center><font size="4"><p>演示插入百度首页图片文案</p></font></center> <center><img src="baidu.png" height="60%" width="60%"></center> </body> </html>上面写法是默认图片和demo.html在同一个文件夹下,如果单独把baidu.png放在桌面,你就需要些图片的绝对路径。<center><img src="C:\Users\Administrator\Desktop\baidu.png" height="60%" width="60%"></center>
阅读全文
0 0
- HTML入门笔记14-HTML中插入图片标签
- html中插入图片
- html中插入图片
- HTML入门笔记15-HTML中插入外部链接
- HTML入门笔记2-HTML中meta标签
- HTML入门笔记3-HTML中h1到h6标签
- HTML入门笔记13-HTML中font标签
- HTML入门笔记19-HTML中Order List标签
- HTML入门笔记20-HTML中Unorder List标签
- HTML入门笔记17-HTML中图片内嵌链接
- PHP随机插入字符串到HTML中,跳过HTML标签
- jquery插入html标签
- HTML入门学习笔记--基础标签(2)
- HTML入门学习笔记--列表标签(3)
- HTML入门学习笔记--表格标签(4)
- HTML入门学习笔记--表单标签(5)
- HTML入门学习笔记--多媒体标签(6)
- HTML中本机图片的插入
- 前端小白入门day1 freecodecamp学习到的html和css基础
- Win10 64位安装tensorflow
- HashMap实现原理及源码分析
- LeetCode-459. Repeated Substring Pattern
- Inside the C++ Model第二讲之 程序转化语意学(Program Transformation)
- HTML入门笔记14-HTML中插入图片标签
- 【HDU1754】I hate it!
- 【Docker】在ubuntu14.04镜像上安装GPU显卡驱动, CUDA和CUDNN
- (87)异常日志文件:通过改变标准输出到日志文件
- Chat room (codeforces-58A)
- Spring-task定时任务配置
- hdu 2052 Picture
- Node.js实现注册邮箱激活功能
- 进制转换(十进制数m转换成n进制)