行级标签:在行内显示,只占据元素本身的大小的位置
常用行级标签:
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>