HTML中H标签P标签(Paragraph)img标签(image)a标签(anchor)

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
 虽然可以显示, 但是企业开发中千万不要这么写
 
 
     ![](/Users/apple/Desktop/YEWeb/image0.jpeg)
     ![](image01.jpeg)
     ![](./image/image01.jpeg)
 
 
br标签(Break)
 
 
让内容换行
 
 




 
 
a标签(anchor)
 
 
 
  
在a标签之间一定要写上文字, 如果没有, 那么在页面上找不到这个标签
 a标签也叫做超级链接或超链接
 
 
 
 
muyang的博客

muyang的博客
muyang的博客
 
 
a标签其它用法
 
 
 
  
假链接(本质是跳转到当前页面)
 格式江哥博客
 格式江哥博客
 
  
跳转到当前页面指定位置(锚点链接)
 2.1.格式跳转到指定位置
 2.2.在页面的指定位置给任意标签添加一个id属性
 例如 
这个是目标
 
  
跳转到指定页面的指定位置
 格式: 跳转到指定位置
 只需要在01-锚点链接.html页面添加一个id位置即可
 
 
 
 
跳转到指定位置

这个是目标