• 行级标签


    行级标签:在行内显示,只占据元素本身的大小的位置

    常用行级标签:
    1、图片标签
    <img src="图片位置及图片名称" height="高度" width="宽度“ />
    》src:一般取值都是相对路径,就是相对于当前这个html文档来说,图片在哪个地方
    01 html文件和图片在同级目录下
    》src直接取值为:图片名称
    》<img src="金桥工程第四十二期.png" height="200px" />
    02 图片在当前html的下级目录下
    》比如 |-----demo.html
    |-----images
    |-----code.png
    》scr取值images/code.png
    》<img src="images/code.jpg" width="300px" />
    03 图片在html的上级目录下
    》比如|---code.png
    |---htmltest
    |---test02.html
    》<img src="../images/test.png" >
    》一个../代表往上一层,../../代表往上两层目录
    》相对路径:图片必须在当前项目中,属于同一个项目内部资源
    》绝对路径:在硬盘上的位置,不推荐使用
    》height/数字,单位是像素,px,可以省略
    》align:用来设置图片后的文字居中显示
    <img src="test.png" height="200px" align="center" />
    2、范围标签<span>
    <p>
    笔记本电脑:<span style="color:red;font-size:50px;">1</span>元
    </p>
    》span就是一个简单的行级标签
    》可以单独改范围中的文字做一些特殊处理
    》比如修改样式
    》style用来设置标签内容样式
    》color:字体颜色
    》font-size:字体大小
    》font-family:字体
    》换行标签
    <br>

  • 相关阅读:
    python 读取excel表格中的数据
    python 安装 pip 报错解决方案
    HDU-1150-MachineSchedule(二分图匹配)
    POJ-3177-RedundantPaths(边联通分量,缩点)
    POJ-3352-RoadConstruction(边双联通分量,缩点)
    F-三生三世
    D-温暖的签到题
    C-晾衣服
    A-坐飞机
    POJ-2777-CountColor(线段树,位运算)
  • 原文地址:https://www.cnblogs.com/longmo666/p/13554296.html
Copyright © 2020-2023  润新知