首页 > 软件开发 > JavaScript >

WEB前端+微信程序开发正能量之html标签三

来源:互联网 2023-03-16 23:56:55 428

前面我们提到:html标签除了块级元素标签以外,还有内联级元素标签,那么什么是内联级元素呢?0zq办公区 - 实用经验教程分享!

内联元素又名行内元素(inline element),是html规范中的概念。内联元素的显示,为了帮助理解,可称为“文本模式”,即一个挨着一个,在同一行按从左至右的顺序显示,不能单独占一行。内联元素种类和用法如下:0zq办公区 - 实用经验教程分享!

0zq办公区 - 实用经验教程分享!

工具/原料

  • 电脑 手机 数据线
  • 开发者工具(webstorm)等

方法/步骤

  • 1

    img>图像标签:为网页添加图形图像,包括一些图像属性等,如图所示0zq办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之html标签三0zq办公区 - 实用经验教程分享!

  • 2

    例:为网页添加一张图像,要求:0zq办公区 - 实用经验教程分享!

    1、在工程文件夹里创建一个名为“image”的文件夹0zq办公区 - 实用经验教程分享!

    在编辑器里右击工程文件夹——New——Directory——输入文件名称“ image”——点击“OK”0zq办公区 - 实用经验教程分享!

    如图1,图2所示0zq办公区 - 实用经验教程分享!

    0zq办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之html标签三0zq办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之html标签三0zq办公区 - 实用经验教程分享!

  • 3

    为网页添加图片:要求:0zq办公区 - 实用经验教程分享!

    1、图片不能显示时为文字“WEB前端”代替;0zq办公区 - 实用经验教程分享!

    2、鼠标点击图片显示文字“前端开发”0zq办公区 - 实用经验教程分享!

    3、高度为300PX;0zq办公区 - 实用经验教程分享!

    4、宽度为400PX;0zq办公区 - 实用经验教程分享!

    代码如下图:0zq办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之html标签三0zq办公区 - 实用经验教程分享!

  • 3该信息未经授权抓取自百度经验
  • 4

    运行程序,结果如下:0zq办公区 - 实用经验教程分享!

    WEB前端 微信程序开发正能量之html标签三0zq办公区 - 实用经验教程分享!

  • 注意事项

    • src是添加图片路径()
    • img标签的属性必须一行

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0zq办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码