HTML5 学习的疑难问题

陈丹宇jmu

于 2022-02-09 23:49:21 发布

阅读量331

点赞数

分类专栏： Java网路编程文章标签： html5 前端 html

本文链接：https://blog.csdn.net/weixin_51989356/article/details/122849815

版权

Java网路编程专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML5 答疑解难

在设置中配置HTML文件的浏览路径
IDEA Auto File Complete插件使用

在设置中配置HTML文件的浏览路径

操作设置： File --> setting --> 搜索Web Browsers --> 按以下建议设置

配置HTML文件的浏览路径

IDEA Auto File Complete插件使用

HTML img标签图像显示失败问题

解决需要安装插件
问题呈现

记录可以显示图像路径的编写方式

在这里插入图片描述

搜索的更改 resources 文件夹为 resources Root 依旧无显示法图片
且 IDEA 中不会出现相对路径的提示指引

在这里插入图片描述

图像路径仍存在的问题

在这里插入图片描述

安装插件操作

打开file，点击setting；
找到plugins，搜索Auto File；
点击安装即可。

插件的使用效果

可以快捷生成对应关键词的标签，可运用的选项功能更强大
实现了 img标签相对路径的填充功能

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>
<a name="top">顶部</a>
<a href="第一个网页.html" target="_blank">点击我跳转至页面</a>
<a href="https://www.baidu.com" target="_self">点击我跳转至百度</a>
<br>
<br>
<hr>
<!--这时候可以点击图片进行跳转-->
<a href="第一个网页.html">
    <img src="../resources/images/1.jpg" alt="狂神头像"title="悬停文字" width="300" height="425">
</a>
 
 
<!--锚标签
    1.需要一个锚标记
    2.跳转到标记
    -->
<a href="#top">回到底部</a>
 
<!--a标签
href:必填，表示要跳转到那个页面
target:表示窗口再哪里打开
    _blank:再新标签中打开
    _self:在自己的网页中打开
-->
 
<!--功能性链接
邮件链接:mailto:
-->
<a href="mailto:11qq.com">点击联系我</a>
</body>
</html>

陈丹宇jmu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML5 学习的疑难问题

HTML5 答疑解难在设置中配置HTML文件的浏览路径IDEA Auto File Complete插件使用HTML img标签图像显示失败问题记录可以显示图像路径的编写方式图像路径仍存在的问题安装插件操作插件的使用效果在设置中配置HTML文件的浏览路径操作设置： File --> setting --> 搜索Web Browsers --> 按以下建议设置IDEA Auto File Complete插件使用HTML img标签图像显示失败问题解决需要安装插件问题呈
复制链接

扫一扫