html 换行_html换行与字符实体

1)<h1>...</h1>、<h2>...</h2>、<h3>...</h3>、<h4>...</h4>、<h5>...</h5>、<h6>...</h6>

表示标题,共分为6级标题。

(2)HTML标题属于块级元素。

[2] HTML段落

(1)<p>...</p >:表示段落。

(2)HTML段落属于块级元素。

[3] 其他文本类标签

(1)<b>...</b>:对文字加粗显示。

(2)<i>...</i>:文字显示为斜体。

(3)<u>...</u>:文字被加上下划线。

(4)<s>...</s>:文字被加上删除线。

(5)<sup>...</sup>:文字以上标的形式显示。

(6)<sub>...</sub>:文字以下标的形式显示。

(7)以上其他文本类标签都属于内联元素。

2.HTML元素分类

按照HTML元素在页面中的显示特征,我们目前可以将HTML元素暂时粗略的划分为块级元素和内联(行内)元素两类。

(1)块级元素:默认从新的行开始显示,默认占满一行。

(2)内联(行内)元素:默认不会占满一行,元素内容需要多少页面空间进行展示,它就占据多少页面空间。

3.水平分隔线标签

(1)<hr />:用于修饰段落、分割页面内容的一条水平直线,它是单标记标签。

(2)它属于块级元素。

[1] <br />:可以实现页面的强制换行。

[2] <br />属于功能性标签,不参与元素分类。

[1] <pre>...</pre>,标签内的内容会按照与源码相同的格式显示。

[2] <pre>属于功能性标签,不参与元素分类

be55af1c6f9f8d7ef0fc0699dbfa7d60.png

图像

[1] < img src="url" />,用于加载一个图片,在网页中进行显示。

[2] src属性是必填属性,指定图像的源地址,即图像所在的网络位置及图像名称。

[3] 该标签既有部分块级元素特征,又有部分内联元素特征,划分为内联块元素。

2.相对路径与绝对路径

引用的图片与页面在同一服务器上时,可以使用相对路径或者绝对路径来指定图像的源地址。

[1] 绝对路径(不建议使用):是指文件在操作系统中真正的目录位置。

[2] 相对路径(推荐使用):是指相对于当前文件的路径。

(1)"./"代表的是当前文件所在的目录。

(2)"../"代表的是当前文件所在的目录的上一层目录。

(3)"/"代表是网站服务器站点的根目录。

[3] 还可以引用部署在互联网上其他服务器上的图片资源(通过图片的url地址)。

[1] title属性:通用属性之一,用于当鼠标移动到图像上时显示提示文本。

[2] width属性:定义图像的宽度值,常用的长度单位为px(像素)。

[3] height属性:定义图像的高度值。

[4] alt属性:当图像无法加载显示的时候,通过alt属性定义的文字将作为替代信息显示在页面图像所在位置。

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值