立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 4187|回复: 0

[Html 学习笔记01] 7 路径和图片属性讲解

[复制链接]

116

主题

13

回帖

563

积分

终身VIP会员

Rank: 7Rank: 7Rank: 7

积分
563

推广达人宣传达人突出贡献荣誉管理论坛元老

发表于 2014-11-28 11:00:01 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

x
html当中,图片属性使用的标签是

<img />这是一个单标签,没有闭合标签。

如果要在网页上显示图片,我们还要使用源属性(src)也就是“source”

是源的意思。这里指图片的源也就是图片的URL地址。

<img src="url" />

说起来,好像挺复杂的,其实一看视频就很简单。

看教程!
首页我们在我们的目录当中,放一张名为:xml.png的图片如下:
02.jpg
好之后我们添加代码如下:
  1. <body>
  2. <!--我们用这个<span></span>标签是用来规范文本的排练方式的-----就是不换行也不换段落-->
  3. <span style="color:#F00;">道勤教育让我们一起学习如何制作网站设计.</span> <span style="color:#6FF; background:#000; font-size:45px;"><i>美工学习教程</i></span><p style="color:#033"><!--P标签的用法就是想在哪里段开就在哪里断开就可以的-->道勤网官方交流群QQ群:226547332</p>哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈<p style="color:#C00; line-height:40px; background:#666; font-family:Verdana, Geneva, sans-serif; font-weight:500;">欢迎大家的的光临,让我们一起学习吧,思密达啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿哈哈哈哈哈哈哈哈</p><br/><!---这个是br/是个表示换行而<p>表示的是断开-->道勤教育不收费不收费,收费是小狗,来吧 <p><a href="http://www.daoqin.net"/ target="_blank" style="color:#666; font-size:30px; background:#0F6">道勤网一起学习。</p><img src="xml.png">
  4. </body>
复制代码


那么在最后的这个<img src="xml.png">就表示添加了一张图片
  1. <img src="xml.png">
复制代码
效果如下:
011.jpg
这样我们就用了这img src=""的标签
道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服! 如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-5-5 21:24

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表