永恩的技术博客

H系列标签(Header 1~Header 6)

我是标题1

我是标题2

我是标题2

我是标题3

我是标题4

我是标题5

我是标题6

P标签(Paragraph)

作用:

告诉浏览器哪些文字是一个段落

我是p包裹的

我是p包裹的

Hr标签(Horizontal Rule)

作用:

在浏览器上显示一条分割线

相对路径几种查找方式

同级

直接编写, 例如: girl.png

加上./ 编写, 例如./girl.png

./代表当前目录, ./girl.png代表在当前目录下查找

下级

直接编写, 例如abc/girl.png

加上./ 编写, 例如./abc/girl.png

相对当前目录有几个文件夹,就在后面依次补全几个文件夹名称即可, 例如 abc/bbb/ccc/ddd/girl.png或./abc/bbb/ccc/ddd/girl.png

上级

../代表访问上级目录

假设a文件夹下面有b文件夹, 图片存放在a文件夹中, html文件存放在b文件夹中, 那么路径为../girl.png

因为html文件在b文件夹中, 所以路径是相对于b文件夹的, 所以../代表访问b文件夹的上一级目录, b文件夹的上一级目录是a文件夹, 所以../girl.png就代表在a文件夹查找girl.png

注意事项:

相对路径不会出现这种格式aaa/../bbb/girl.png

虽然可以显示, 但是企业开发中千万不要这么写




br标签(Break)

让内容换行

a标签(anchor)

在a标签之间一定要写上文字, 如果没有, 那么在页面上找不到这个标签

a标签也叫做超级链接或超链接

muyang的博客

muyang的博客

muyang的博客

a标签其它用法

假链接(本质是跳转到当前页面)

格式江哥博客

格式江哥博客

跳转到当前页面指定位置(锚点链接)

2.1.格式跳转到指定位置

2.2.在页面的指定位置给任意标签添加一个id属性

例如

这个是目标

跳转到指定页面的指定位置

格式: 跳转到指定位置

只需要在01-锚点链接.html页面添加一个id位置即可

跳转到指定位置

这个是目标