标题标签
代码: 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两个,若设置不当此时图片可能会变形。