行级标签

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

 

常用行级标签：
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/width:数字，单位是像素，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>

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/13554296.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！