青训营X豆包MarsCode 技术训练营第二课 ｜ 豆包MarsCode AI 刷题

段落标签

一般用在新闻段落、文章段落、产品描述信息等等
标签名：p（双标签）
显示特点：
• 独占一行
• 段落之间存在间隙

换行与水平线标签

浏览器不识别代码中的 Enter 键换行
换行：<br>（单标签）
水平线：<hr>（单标签）

文本格式化标签

作用：为文本添加特殊格式，以突出重点。常见的文本格式：加粗、倾斜、下划线、删除线等。

• 文本格式化标签

标签名	效果
strong	加粗
em	倾斜
ins	下划线
del	删除线

与下面这些标签作用相同

标签名	效果
strong	加粗
em	倾斜
ins	下划线
del	删除线
strong、em、ins、del 标签自带强调含义（语义）。
Q:  两个文本格式化标签是换行还是在一行显示？
A:在一行显示

图像标签

作用：在网页中插入图片。

<img src="图片的 URL">

属性名="属性值"
属性写在尖括号里面，标签名后面，标签名和属性之间用空格隔开，不区分先后顺序
src用于指定图像的位置和名称，是 <img>的必须属性。

图像属性	作用	说明
alt	替换文本	图片无法显示的时候显示的文字
title	提示文木	鼠标悬停在图片上面的时候显示的文字
width	图片的宽度	值为数字，没有单位
height	图片的高度	值为数字，没有单位

路径

路径指的是查找文件时，从起点到终点经历的路线。
路径分类：

• 相对路径：从当前文件位置出发查找目标文件
  

/	表示进入某个文件夹里面	文件夹名字/
.	表示当前文件所在文件夹	./
..	表示当前文件的上一级文件夹	../

• 绝对路径：从盘符出发查找目标文件(不同电脑会有差异)
  Windows 电脑从盘符出发
  Mac 电脑从根目录出发
  

<img src="C:\images\mao.jpg">

注意:Windows 默认是 \ ，其他系统是 /，建议统一写为 /
绝对路径的应用场景：友情链接、在线网址

超链接

作用：点击跳转到其他页面。

<a href="https://www.baidu.com">跳转到百度</a>

href 属性值是跳转地址，是超链接的必须属性。
超链接默认是在当前窗口跳转页面，添加 target="_blank" 实现新窗口打开页面。
也可以链接自己制作的本地地址
拓展：开发初期，不确定跳转地址，则 href 属性值写为 #，表示空链接，页面不会跳转，在当前页面刷新一次。