美文网首页
跟高老师学习Web前端之7.

跟高老师学习Web前端之7.

作者: 火色石榴花 | 来源:发表于2016-11-23 00:36 被阅读0次
蓝天白云,古道西风

        浏览网页时候,常常被各种图片吸引,当时就好奇这些图片到底怎样搞进去的,总不可能像在做Word文档时候,复制,粘贴,然后拉对角箭头调整大写吧,今天的收获就是我知道怎样在网页中插入图片啦!

        在网页中插图片,需要用到图片标签——<img/>标签,这是一个功能标签,属内联元素标签。下面是我作的练习。

图片标签代码书写

       代码书写之前,首先要在当前目录下插入图片,最简便的方法就是选择图片,然后粘贴到对应目录下面,即copy,然后paste。

同级目录图片位置

        插入图片后可以依据需求修改图片的大小。alt是对图片加载信息出现问题时的一个描述,如果图片正常加载,则图片描述信息不存在,若图片加载出现问题,则显示文字描述。

网页正常显示显示 网页异常显示

而当图片位置在当前位置的上一层时,如下:

上级目录图片位置

        这时代码书写需要注意,代码书写时插入图片的路径有变化,需要在图片前编辑“../”来查找图片的具体位置,同时使图片成功显示。如下所示:

图片位置在上一级目录时代码书写

希望我能一直把写作业这回事坚持下去,加油!

相关文章

  • 跟高老师学习Web前端之7.

    浏览网页时候,常常被各种图片吸引,当时就好奇这些图片到底怎样搞进去的,总不可能像在做Word文档时候,复制...

  • 跟高老师学习Web前端之18.

    预算作业搞得所有人疲惫不堪,但是工作是常态,该忙什么还是要继续,没有最忙,只有更忙!参加工作这几年,我真...

  • 跟高老师学习Web前端之16.

    我用了大概15天的时间把南派三叔的一整套《盗墓笔记》,外加《沙海》,《藏海花》读完了,除了受了点惊吓,总觉...

  • 跟高老师学习Web前端之10.

    这两天高老师教我table表格的制作,因为内容较多,分了两次课程,今天我统一汇总起来整理成笔记,方便记忆和学习。 ...

  • 跟高老师学习Web前端之12.

    昨天我学习了用Table标签布局网页,它的侧重点在于利用Table本身的特性来进行页面的布局,使得页面有严...

  • 跟高老师学习Web前端之17.

    我一般是当天要穿的衣服,前一天晚上睡觉前就放好或者想好怎么搭配,衣服不多,但也不能乱搭配,还是将就点好。今...

  • 跟高老师学习Web前端之20.

    我们17年预算作业要持续一个月之久,今天是第一次事业本部审核,费用被要求重新修改,即使在大环境很闷的情况下...

  • 跟高老师学习Web前端之22.

    终于周末了,因为子公司预算作业的关系,整整加班一周了,大伙都累成狗啦,期盼着可以双休啊!我一定要睡到自然醒...

  • 跟高老师学习Web前端之19.

    今天是高老师讲解标签课程的最后一章,当然这绝对不是“最后”一个标签,而是他认为比较重要和常用的标签,可以暂时...

  • 跟高老师学习Web前端之21.

    话说21天的坚持能养成一个习惯,为了这句话,我愣是从《快乐大本营》中挪开眼睛,跟高老师学习编程,看着金光闪...

网友评论

      本文标题:跟高老师学习Web前端之7.

      本文链接:https://www.haomeiwen.com/subject/vgmmpttx.html