HTML的基本知识（二）——段落标签、强制换行标签、水平线标签、图片标签


​​QQ群:722384575 ​​

1、 段落标记标签

<p>   内容  </p>
属性：
    align="left(默认值：居左)|center（居中）|right（居右）"
<p align="center"> 这是一个段落标签</p>
        <p>这是一个段落标签</p>
        <p>这是一个段落标签</p>
        <p>这是一个段落标签</p>
        <p>这是一个段落标签</p>

HTML的基本知识（二）——段落标签、强制换行标签、水平线标签、图片标签_背景透明
2、强制换行标签：

<br/>
思考思考思考思考<br/>
小妹妹家常菜尺寸<br/>
吃奶粉房价肥牛饭<br/>

HTML的基本知识（二）——段落标签、强制换行标签、水平线标签、图片标签_宽高_02
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>

HTML的基本知识（二）——段落标签、强制换行标签、水平线标签、图片标签_html_03
4、图片标签
常见的图片格式：
jpg jpge :不支持背景透明
png:支持背景透明图
gif:支持动图
2、​​​<img/>​​​ 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="啊哈哈哈"/>

HTML的基本知识（二）——段落标签、强制换行标签、水平线标签、图片标签_html_04

<img src="https:dstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=892704614,1758507844&fm=26&gp=0.jpg"
    alt="zhang" title="啊哈哈哈"/>