HTML的基本知识(二)——段落标签、强制换行标签、水平线标签、图片标签
博主建了一个学习群 感兴趣的小伙伴可以加入一起学习交流 点我进群 一起学习交流!(群里有许多的学习资料,我做过的一些网页我都上传在群里了,需要的直接下载就可以了)
1、 段落标记标签
<p> 内容 </p>
属性: align="left(默认值:居左)|center(居中)|right(居右)"
<p align="center"> 这是一个段落标签</p> <p>这是一个段落标签</p> <p>这是一个段落标签</p> <p>这是一个段落标签</p> <p>这是一个段落标签</p>
2、强制换行标签:
<br/>
思考思考思考思考<br/> 小妹妹家常菜尺寸<br/> 吃奶粉房价肥牛饭<br/>
3、水平线
<hr/> 单标记 用于创造水平线 hr元素可用于分隔内容 <hr color="" width="" size="" align="">
HTML默认单位为像素,可以省略 例如:
<hr color="red" width="500px" size="2px" align="right"/>
属性:
color:设置水平线的颜色
width:设置水平线的宽度
size:设置水平线的高度
align:设置水平线的对齐方式(默认居中)可取值left|right|center
<p>哈哈哈哈哈</p> <hr color="red" width="500px" size="2px" align="right"/> <p>哈哈哈哈哈</p> <hr color="red" width="500px" size="2px" align="right"/> <p>哈哈哈哈哈</p>
4、图片标签
常见的图片格式:
jpg jpge :不支持背景透明
png:支持背景透明图
gif:支持动图
2、
src:路径,必须属性
alt:图片不能正常显示给予提示
title:鼠标悬停给予提示
width:宽度,宽高设置一个属性,另外一个等比例缩放
height:高度 -->
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=892704614,1758507844&fm=26&gp=0.jpg" alt="zhangyishan" title="啊哈哈哈"/>
<img src="https:dstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=892704614,1758507844&fm=26&gp=0.jpg" alt="zhang" title="啊哈哈哈"/>