【无标题】

标题标签

代码: h系列标签

<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>

语义: 1-6级标签,重要程度依次递减。
特点
文字都有加粗。
文字都有变大,并且从h1+h6文字逐渐减小。, 独占一行。,

段落标签

代码:

我是一- 段文字


特点: 段落之间存在间隙。
独占一行。

水平线标签

代码:



语义:主题的分割转换。
特点:单标签,在页面中显示一条水平线。

换行标签

代码:

语义:换行。
特点:单标签。
让文字强制换行。

常用的文本格式化标签

场景:需要让文字加粗、下划线、倾斜、删除线等效果。
代码:
表示文字以粗体方式显示。建议使用strong标签。
表示文字以加下画线方式显示。建议使用ins标签。
表示文字以斜体方式显示。建议使用em标签。
< /del >表示文字以加删除线方式显示。建议使用del标签

路径

路径可分为:绝对路径(了解)
相对路径(常用)
绝对路径(了解)
●指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径。
●例如:从当前文件开始出发找目标文件的过程相对。

路径分类

●同级目录
当前文件和目标文件在同一目录中。
●下级目录
目标文件在下级目录中。
●上级目录
目标文件在上级目录中。

媒体标签

图片标签

场景:在网页中显示图片。
代码:
特点:单标签。
img标签需要展示对应的效果,需要借助标签的属性进行设置。
src属性:目标图片的路径。
alt属性:替换文本
当图片加载失败时,才显示alt的文本。当图片加载成功时,不会显示alt的文本。
title属性:提示文本。
当鼠标悬停时,才显示的文本。注意点: title属性不仅仅可以用于图片标签,还可以用于其他标签。
width和height属性:宽度和高度(数字)。
注意点:如果只设置widt h或height中的一个,另一个没设置的会自动等比例缩放(此时图片不会变形)。如果同时设置了widt h和height两个,若设置不当此时图片可能会变形。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值